Click and conversion events

​

Big Open Data Layer analytics

1. Turn on Use data layer analytics to enable Big Open Data Layer.
2. Select the type of user interaction to track:
   • Add to cart. Send a conversion event when a shopper adds a product to their cart.
   • Order purchased. Send a conversion event when a shopper completes a purchase.
3. Select Save.

​

Send conversion events from product, cart, and checkout pages

• Turn on Use click analytics.
• Turn on Use data layer analytics. This loads the Insights library on every page of your store. If your Autocomplete or InstantSearch code is out of date, the app asks you to upgrade it first.
• Turn off Add to cart and Order purchased. The script sends these events, so leaving them on can send duplicate events.

1. Go to the BigCommerce Script Manager and select Create a Script.
2. Complete the script form settings:
   • Name. Enter a name for the script, such as Algolia conversion events.
   • Placement. Select Footer.
   • Location. Select All pages.
   • Script Category. Select the category that matches your store’s cookie consent setup. If cookie consent tracking is on, BigCommerce only loads scripts in non-essential categories after shoppers consent.
   • Script type. Select Script.
3. Add this code to the Script Contents field:
   HTML

   <script>
     (function () {
       var STORAGE_KEY = "algoliaBodlQueryIDs";
       var MAX_ATTEMPTS = 20;
       var attempts = 0;
   
       // The integration declares its config with `const`,
       // so it's a global binding but not a property of `window`.
       function getConfig() {
         if (typeof algoliaAutocompleteConfig !== "undefined") {
           return algoliaAutocompleteConfig;
         }
         if (typeof algoliaInstantsearchConfig !== "undefined") {
           return algoliaInstantsearchConfig;
         }
         return null;
       }
   
       function readQueryIDs() {
         try {
           return JSON.parse(localStorage.getItem(STORAGE_KEY)) || {};
         } catch (error) {
           return {};
         }
       }
   
       function writeQueryIDs(queryIDs) {
         try {
           localStorage.setItem(STORAGE_KEY, JSON.stringify(queryIDs));
         } catch (error) {}
       }
   
       // Product-level records use the product ID as objectID.
       // Variant-level records use the variant ID.
       function getObjectID(config, lineItem) {
         return String(
           config.recordType === "product"
             ? lineItem.product_id
             : lineItem.variant_id
         );
       }
   
       function onAddItem(config, payload) {
         var queryID = new URLSearchParams(window.location.search).get("query_id");
         var objectIDs = payload.line_items.map(function (lineItem) {
           return getObjectID(config, lineItem);
         });
         var event = {
           eventName: "Product Added To Cart",
           index: config.indexName,
           objectIDs: objectIDs,
           objectData: payload.line_items.map(function (lineItem) {
             return { price: lineItem.purchase_price, quantity: lineItem.quantity };
           }),
           currency: payload.currency,
         };
   
         if (!/^[0-9a-f]{32}$/.test(queryID || "")) {
           aa("addedToCartObjectIDs", event);
           return;
         }
   
         var queryIDs = readQueryIDs();
         objectIDs.forEach(function (objectID) {
           queryIDs[objectID] = queryID;
         });
         writeQueryIDs(queryIDs);
   
         event.queryID = queryID;
         aa("addedToCartObjectIDsAfterSearch", event);
       }
   
       function onOrderPurchased(config, payload) {
         var queryIDs = readQueryIDs();
         var isAfterSearch = false;
         var objectIDs = [];
         var objectData = [];
   
         payload.line_items.forEach(function (lineItem) {
           var objectID = getObjectID(config, lineItem);
           var data = { price: lineItem.purchase_price, quantity: lineItem.quantity };
           if (queryIDs[objectID]) {
             data.queryID = queryIDs[objectID];
             isAfterSearch = true;
           }
           objectIDs.push(objectID);
           objectData.push(data);
         });
         writeQueryIDs({});
   
         aa(isAfterSearch ? "purchasedObjectIDsAfterSearch" : "purchasedObjectIDs", {
           eventName: "Products Purchased",
           index: config.indexName,
           objectIDs: objectIDs,
           objectData: objectData,
           currency: payload.currency,
         });
       }
   
       // Wait for the integration to load the Insights library and for BigCommerce to load BODL.
       (function subscribe() {
         var bodl = window.bodlEvents;
         var config = getConfig();
         if (typeof window.aa !== "function" || !bodl || !config || !config.indexName) {
           attempts += 1;
           if (attempts < MAX_ATTEMPTS) {
             setTimeout(subscribe, 500);
           }
           return;
         }
   
         if (bodl.cart && typeof bodl.cart.addItem === "function") {
           bodl.cart.addItem(function (payload) {
             onAddItem(config, payload);
           });
         }
         if (bodl.checkout && typeof bodl.checkout.orderPurchased === "function") {
           bodl.checkout.orderPurchased(function (payload) {
             onOrderPurchased(config, payload);
           });
         }
       })();
     })();
   </script>
   

   See all 124 lines
4. Select Save.