View on GitHub

Google Tag Manager

Implementing the Clicwise Pixel Using Google Tag Manager

On this page

What is the Tag Manager?
The Tag Manager is a tool that allows marketers to add and update tags and code snippets such as conversion tracking, site analytics, and remarketing code quickly and easily, without editing the website’s code.

What is a tag?
A tag is a piece of code that is often provided by marketing, for analytics platforms to send information to them (e.g., Clickwise Pixel, Facebook Pixel, Google Analytics Tracking Code, Remarketing Tags, etc.).

What is the Clickwise Pixel template?
The Google Tag Manager Clickwise Pixel template allows marketers to easily implement the base pixel and conversions without the need to know how to code. You can access the Clickwise template from within Google Tag Manager's Template Gallery, or from your Tag Manager homepage. Follow these steps:

  1. Go to Google Tag Manager and navigate to the Templates section on the left hand side of the page. Slep 0.1
  2. Under Tag Templates, click on "Search Gallery", and search for Clickwise Pixel. Slep 0.2
  3. Click on the Clickwise Pixel option, and add the Clickwise Pixel template to the relevant workspace.
  4. Submit the Clickwise Pixel to your workspace.

Before proceeding to this step by step, navigate to the Variables section and make sure that the variables do not already exist: Order Number (transactionID); Total purchase amount (transactionTotal) and Shipping amount (transactionShipping).

If so, skip this step and go to step Add the Clickwise Tag to your WEB page.

If it does not exist or you cannot identify it, proceed

  1. Go to Google Tag Manager and click the button Preview at the top right of the page. Step 1.1
  2. Enter the URL of your Store and then click Start. Step 1.2
  3. Make a purchase test(purchase confirmation). Example Page
  4. Switch the browser tab to Tag Assistant and click Window Loaded(of the completed order page). Step 1.3
  5. Click inDataLayer to get the information collected from the page. Step 1.4
  6. Identify and copy the names of the variables of: Total Order Amount; Order ID and Shipping Amount. (The image below illustrates just one example) Step 1.5
    Variable Description
    transactionId Order ID
    transactionTotal Total Order Amount
    ecommerce.purchase.actionField.shipping Shipping Value
  7. In the Google Tag Manager navigate to the section Variables on the left side of the page. Step 1.6
  8. Click the new button to create a new variable. Step 1.7
  9. Click the Variable configuration box to configure the variable. Step 1.8
  10. Choose Data Layer Variable in the Page Variables section. Step 1.9
  11. Name the pixel, for example: 'OrderID'; 'Amount'; 'Shipping' Step 1.10
  12. Click on the box: Variable configuration and then paste the information we collected in step 6 Step 1.11
  13. Click the Save button
  14. Repeat the process from step 8 - 13 to create the Order Amount e Shipping Amountvariables.

  1. Navigate to the Tags section on the left hand side of the page. Slep 2.1
  2. Click Add a New Tag Slep 2.2
  3. Click 'Tag Configuration' box Slep 2.3
  4. Choose Clickwise Pixel from the custom tags section Slep 2.4
  5. Name the new tag, for example: 'Clickwise - Pixel' Slep 2.5
  6. Add the values to the fields Slep 2.6
    Field Type Description
    CampaingIDrequired String Unique campaign ID on the Clickwise platform
    OrderIDrequired String Order number of the transaction - transactionID
    Amountrequired Float Transaction amount - transactionTotal
    Shippingrequired Float Transaction shipping - transactionShipping
    If Shipping is equal to "WithShipping", the pixel will receive the total amount of the order
    Currencyrequired String 3 char currency code