Loading...

Configuring WebTag 2.0 using Google Tag Manager

This page provides instructions to configure WebTag 2.0 using Google Tag Manager (GTM).

Use the following checklist to configure WebTag:

Configuring the Acquia Global tag (WebTag 2.0)

  1. In the GTM user interface, click Tags > New.
  2. Name the tag as CDP - Global.
  3. Click Tag Configuration.
  4. In Choose tag type, click Custom HTML.
  5. In HTML, create the Acquia Global tag script:

    <script>
      var $A1Config = {
        webtagId: "your-webtag-id", // Paste your webtagId value provided by Acquia.
        tenantId: 999, // Example set the static tenant ID.
        host: "//url.endpoint.com" // Set the service endpoint URL according to your hosted environment and cloud region. 
      };
    </script>
    <script src="https://scripts.agilone.com/latest/acquia-cdp-webtag.js"></script>
  6. In Advanced Settings, set Tag firing options to Once per page.
  7. Click Triggering and set the triggering process to fire the tag at Initialization - All Pages

    If you are using Google Tag Manager consent mode support, you must select the Consent Initialization - All Pages option.

  8. Click Save.

Configuring the Acquia Customer Object tag

  1. In the GTM user interface, click Tags > New.
  2. Name the tag as CDP - Customer Object.
  3. Click Tag Configuration.
  4. In Choose tag type, click Custom HTML.
  5. In HTML, create the Acquia Customer Object script:

    <script>
      var visitor = {"id" : "{{GA - ClientID}}"};
      if ("{{GA - Data Layer - User Email}}" != "unknown") {
        visitor.email = "{{GA - Data Layer - User Email}}";
      }
      var $a1vis = $A1.Customer(visitor);
    </script>
  6. In Advanced Settings > Tag Sequencing, do the following:
    1. Check the Fire a tag before CDP - Customer Object fires checkbox.
    2. In Setup Tag, select CDP - Global.
  7. Click Triggering and set the triggering process to fire the tag at All Page - Page View.
  8. Click Save.

Configuring optional tags and variables

Configuring CDP - Login

  1. In the GTM user interface, click Tags > New.
  2. Name the tag as CDP - Login.
  3. Click Tag Configuration.
  4. In Choose tag type, click Custom HTML.
  5. In HTML, create the Login script:

    <script>
       var $a1event = {type: "Login", customer: $a1vis};
       $A1.Event($a1event).send();
    </script>
  6. In Advanced Settings > Tag Sequencing, do the following:
    1. Check the Fire a tag before CDP - login fires checkbox.
    2. In Setup Tag, select CDP - Customer Object.
  7. Click Triggering and set the triggering process to fire the tag at User Logged In - Window Loaded as Window Loaded or any other trigger applicable.
  8. Click Save.

Configuring CDP - Logout

Refer to the CDP - Login example and replace the HTML script with the following:

<script>
  var $a1event = {type: "Logout", customer: $a1vis};
  $A1.Event($a1event).send();
</script>

Configuring CDP - Products Browsed - (PDP - Product Details Page)

Refer to the CDP - Login example and replace the HTML script with the following:

<script>
   var $a1prod = {productId: "{{PDP - Product SKU - JS}}"};
   var $a1event = {type: "productBrowsed", customer: $a1vis, targets: $a1prod};
   $A1.Event($a1event).send();
</script>

Configuring CDP - Cart Updated - Product Details Page (PDP) or Product List Page (PLP) for Add to Cart

Refer to the CDP - Login example and replace the HTML script with the following:

<script>
   var $a1prod = {productId: "{{PDP - Product SKU - JS}}"};
   var $a1event = {type: "cartUpdated", customer: $a1vis, targets: $a1prod};
   $A1.Event($a1event).send();
</script>

Configuring CDP - Category Browsed - (PLP - Product List Page)

Refer to the CDP - Login example and replace the HTML script with the following:

<script>
    var $a1cat = {SourceProductCategoryNumber: "{{Page Path}}"};
    var $a1event = {type: "categoryBrowsed", customer: $a1vis, targets: $a1cat};
    $A1.Event($a1event).send();
</script>

Refer to the CDP - Login example and replace the HTML script with the following:

<script>
    var $a1search = {terms: "{{Site Search Term}}"};
    var $a1event = {type: "onsiteSearch", customer: $a1vis, targets: $a1search};
    $A1.Event($a1event).send();
</script>

Configuring CDP - Checkout

Refer to the CDP - Login example and replace the HTML script with the following:

<script>
  var _ix = {};
  _ix.order = dataLayer[0];
  _ix.orderId = _ix.order.transactionId;
  _ix.total = _ix.order.transactionSubtotal;
  _ix.price = [];
  _ix.skus = [];
  _ix.quantity = [];
  _ix.items = [];
  for (var x in _ix.order.transactionProducts) {
      _ix.items.push({
          id: _ix.orderId + "-" + (x + 1),
          type: "Purchase",
          subType: "pending",
          productId: _ix.order.transactionProducts[x].sku,
          quantity: _ix.order.transactionProducts[x].quantity,
          saleRevenue: _ix.order.transactionProducts[x].Price * _ix.order.transactionProducts[x].quantity,
          discount: 0
      });
  }
  var $tx = {
      id: _ix.orderId,
      type: "Purchase"
  };
  var $a1event = {
      type: "checkout",
      customer: $a1vis,
      transaction: $tx,
      targets: _ix.items
  };
  $A1.Event($a1event).send();
</script>

 

Did not find what you were looking for?

If this content did not answer your questions, try searching or contacting our support team for further assistance.

Back to Section navigation
Back to Site navigation