@beworke/pixel 0.1.0-rc.8 → 0.1.0-rc.9

package/dist/examples/html-script/buygoods/example-buygoods-checkout.html

@@ -4,80 +4,153 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Pixel — BuyGoods checkout (vig2b)</title>
-    <!-- Na BuyGoods, trocar o src pelo URL público do bundle. -->
-    <script src="../../../browser/pixel.global.js"></script>
+    <script src="https://unpkg.com/@beworke/pixel@0.1.0-rc.9/dist/browser/pixel.global.js"></script>
   </head>
 
   <body>
     <h1>Pixel — BuyGoods checkout</h1>
     <p>
-      INITIATE_CHECKOUT no init · ADD_TO_CART em email+phone · ADD_PAYMENT_INFO
-      em <code>#submit</code> · HEARTBEAT. Sem PAGE_VIEW.
+      Funnel Pixels → Checkout. O snippet sobe para <code>window.top</code>
+      porque a BuyGoods injeta o HTML num iframe.
     </p>
     <pre id="status">aguardando init…</pre>
 
-    <script type="module">
-      const pixel = await Pixel({
-        identity: {
-          pixelId: 'pix_7315610',
-        },
-        modules: {
-          core: {
-            pageView: { enabled: false },
+    <script>
+      (function () {
+        var BUNDLE =
+          'https://unpkg.com/@beworke/pixel@0.1.0-rc.9/dist/browser/pixel.global.js';
+
+        var SETTINGS = {
+          identity: {
+            pixelId: 'pix_7704308',
           },
-          conversion: {
-            auto: {
-              detectors: {
-                lead: { enabled: false },
-                removeFromCart: { enabled: false },
-                purchase: { enabled: false },
-                search: { enabled: false },
-                viewContent: { enabled: false },
-                initiateCheckout: {
-                  enabled: true,
-                  sources: [
-                    {
-                      name: 'buygoods-checkout-ready',
-                      type: 'lifecycle',
-                      trigger: 'ready',
-                    },
-                  ],
-                },
-                addToCart: {
-                  enabled: true,
-                  sources: [
-                    {
-                      name: 'buygoods-email-phone',
-                      type: 'form',
-                      fireOnce: true,
-                      selectorForm: {
-                        fields: ['email', 'phone'],
-                        formSelector: '#checkout',
+          app: {
+            source: 'hwaffiliate',
+            target: 'checkout',
+            platform: 'buygoods',
+          },
+          modules: {
+            core: {
+              pageView: { enabled: true },
+              urlContext: {
+                enabled: true,
+                managedParams: [
+                  {
+                    key: 'public_session',
+                    param: 'subid4',
+                    mode: 'read_write',
+                    writeStrategy: 'replaceState',
+                    generator: { type: 'public_id', prefix: 'sid' },
+                    persistence: { enabled: true },
+                  },
+                ],
+                linkDecoration: { enabled: false },
+              },
+            },
+            conversion: {
+              auto: {
+                detectors: {
+                  lead: { enabled: false },
+                  removeFromCart: { enabled: false },
+                  purchase: { enabled: false },
+                  search: { enabled: false },
+                  viewContent: { enabled: false },
+                  initiateCheckout: { enabled: false },
+                  addToCart: {
+                    enabled: true,
+                    sources: [
+                      {
+                        name: 'buygoods-email-phone',
+                        type: 'form',
+                        fireOnce: true,
+                        selectorForm: {
+                          fields: ['email', 'phone'],
+                          mode: 'all',
+                          trigger: 'auto',
+                          debounceMs: 300,
+                          fireOnce: true,
+                        },
                       },
-                    },
-                  ],
-                },
-                addPaymentInfo: {
-                  enabled: true,
-                  sources: [
-                    {
-                      name: 'buygoods-pay-button',
-                      type: 'selector',
-                      selector: '#submit',
-                      trigger: 'click',
-                      fireOnce: true,
-                    },
-                  ],
+                    ],
+                  },
+                  addPaymentInfo: {
+                    enabled: true,
+                    sources: [
+                      {
+                        name: 'buygoods-pay-button',
+                        type: 'selector',
+                        selector: '#submit',
+                        selectorType: 'css',
+                        trigger: 'click',
+                        fireOnce: true,
+                      },
+                    ],
+                  },
                 },
               },
             },
+            behavior: {
+              enabled: true,
+              heartbeat: { enabled: true },
+            },
           },
-          behavior: {
-            enabled: true,
-            heartbeat: { enabled: true },
-          },
-        },
-      });
+        };
+
+        function topWindow() {
+          try {
+            if (window.top && window.top.document) return window.top;
+          } catch (e) {}
+          return window;
+        }
+
+        var win = topWindow();
+        var doc = win.document;
+        var status = doc.getElementById('status');
+
+        function start() {
+          if (win.__beworkePixelBoot) return;
+
+          if (typeof win.Pixel !== 'function') {
+            if (!doc.querySelector('script[data-beworke-pixel-bundle]')) {
+              var loader = doc.createElement('script');
+              loader.src = BUNDLE;
+              loader.setAttribute('data-beworke-pixel-bundle', '1');
+              loader.onload = start;
+              loader.onerror = function () {
+                console.error('[beworke-pixel] falha ao carregar o bundle');
+              };
+              (doc.head || doc.documentElement).appendChild(loader);
+            } else {
+              setTimeout(start, 50);
+            }
+            return;
+          }
+
+          win.__beworkePixelBoot = true;
+
+          // Objeto do iframe não passa no isPlainObject do Pixel da página pai.
+          var settings = win.JSON.parse(JSON.stringify(SETTINGS));
+
+          win
+            .Pixel(settings)
+            .then(function (pixel) {
+              if (status) {
+                status.textContent = pixel.isInitialized()
+                  ? 'Pixel inicializado'
+                  : 'Pixel não inicializado';
+              }
+            })
+            .catch(function (error) {
+              console.error(error);
+              if (status) {
+                status.textContent =
+                  error && error.message ? error.message : String(error);
+              }
+            });
+        }
+
+        start();
+      })();
     </script>
   </body>
 </html>