Add Google Adwords Remarketing Tag To 3dcart

06 Apr

A full guide on how to install the Adwords remarketing tag to 3dcart.

Step 1) Get Your Audience Source Tag

Login to Google Ads, then in the top right corner click on the 3dot menu and select Audience Manager from the Shared Library section

From the left hand menu, click on Audience Source

Depending if you have an existing setup or not choose option 1 or 2.

Option 1: Click on setup tag

Option 2: Or click on the 3dot menu and choose edit source within the Adwords tag section

Select the following

Dynamic Remarketing
- Collect specific attributes or parameters to personalize ads
Business Type
- Retail

Click on Install the tag yourself

If you get a choice to choose the old or new one, click on the new one and copy the event code to a plain text editor. And copy the numeric source tag id as shown in the image below for later use. We will add the source tag id to the script below.

Now download snippet

Step 2 (Home Page)

conversion tracking 3dcart titles and content

Scroll down until you see homepage and click on the gear > edit

Scroll down to footer section and click on the source code button, this will disable the advanced editor as we do not want to add any styling

conversion tracking 3dcart checkout 4 footer

Important! :

Change the XXXXXXXXX three times with the numeric value found in your downloaded script example gtag(‘config’, AW-123456798‘);
1. <script async src=”https://www.googletagmanager.com/gtag/js?id=AW-XXXXXXXXX”></script>
2. gtag(‘config’, ‘AW-XXXXXXXXX’);
3. ‘send_to’: ‘AW-XXXXXXXXX’,

<!-- Global site tag (gtag.js) - Google Ads: xxxxxxxxx -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxxxxxx"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-xxxxxxxxx');
</script>
<script>
  gtag('event', 'index', {
    'send_to': 'AW-xxxxxxxxx'
  });
</script>

Paste the resulting code in the footer and click on save

conversion tracking 3dcart paste your code

Step 3 (Category Page)

Go back to content > titles & content and now edit the category page, again replace the XX-XXXXXXXXX three times from the below code and paste it in the footer, than save

<!-- Global site tag (gtag.js) - Google Ads: xxxxxxxxx -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxxxxxx"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-xxxxxxxxx');
</script>
<script>
  gtag('event', 'view_item_list', {
    'send_to': 'AW-xxxxxxxxx'
  });
</script>

Step 4 (Listing Page)

Go back to content > titles & content and now edit the listing page, again replace the XX-XXXXXXXXX three times from the below code and paste it in the footer, than save

<!-- Global site tag (gtag.js) - Google Ads: xxxxxxxxx -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxxxxxx"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-xxxxxxxxx');
</script>
<script>
  gtag('event', 'view_item', {
    'send_to': 'AW-xxxxxxxxx',
    'value': '[total_noformat]',
    'items': [{
      'id': '[catalogid]',
      'google_business_vertical': 'retail'
    }]
  });
</script>

Step 5 (Search Results)

Go back to content > titles & content and now edit the search results, again replace the XX-XXXXXXXXX three times from the below code and paste it in the footer, than save

<!-- Global site tag (gtag.js) - Google Ads: xxxxxxxxx -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxxxxxx"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-xxxxxxxxx');
</script>
<script>
  gtag('event', 'view_search_results', {
    'send_to': 'AW-xxxxxxxxx'
  });
</script>

Step 6 (Checkout #4)

Go back to content > titles & content and now edit the checkout #4, again replace the XX-XXXXXXXXX three times from the below code and paste it in the footer, than save

<!-- Global site tag (gtag.js) - Google Ads: xxxxxxxxx -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxxxxxx"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-xxxxxxxxx');
</script>
<script>
  gtag('event', 'purchase', {
    'send_to': 'AW-xxxxxxxxx',
    'value': '[total_noformat]',
    'items': [{
      'id': '[catalogid]',
      'google_business_vertical': 'retail'
    }]
  });
</script>

Step 7 (All the other Checkout pages)

Go back to content > titles & content and now edit all the other checkouts (except checkout #4), again replace the XX-XXXXXXXXX three times from the below code and paste it in the footer, than save

<!-- Global site tag (gtag.js) - Google Ads: xxxxxxxxx -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxxxxxx"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-xxxxxxxxx');
</script>
<script>
  gtag('event', 'checkout', {
    'send_to': 'AW-xxxxxxxxx',
    'value': '[total_noformat]',
    'items': [{
      'id': '[catalogid]',
      'google_business_vertical': 'retail'
    }]
  });
</script>

Step 8 (View Cart)

Go back to content > titles & content and now edit the view cart, again replace the XX-XXXXXXXXX three times from the below code and paste it in the footer, than save

<!-- Global site tag (gtag.js) - Google Ads: xxxxxxxxx -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxxxxxx"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-xxxxxxxxx');
</script>
<script>
  gtag('event', 'add_to_cart', {
    'send_to': 'AW-xxxxxxxxx',
    'value': '[total_noformat]',
    'items': [{
      'id': '[catalogid]',
      'google_business_vertical': 'retail'
    }]
  });
</script>

Step 9 (Other pages)

If you like to add tracking to other pages, please use the below code, again replace the XX-XXXXXXXXX three times from the below code and paste it in the footer, than save

<!-- Global site tag (gtag.js) - Google Ads: xxxxxxxxx -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxxxxxx"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-xxxxxxxxx');
</script>
<script>
  gtag('event', 'other', {
    'send_to': 'AW-xxxxxxxxx'
  });
</script>

Creating Your Audience Lists

Some audience lists will be automatically created, so check what you already have.

After a few days, you can create website visitor audience lists using the data collected in the code above. To do this log in to Google Ads and from the top right corner, click on the wrench > Audience Manager > click on the blue plus sign and choose Website Visitor.

In the visited page section choose event from the drop down, then set the operator to equals and the value (in this example) view_item_list and click on Create Audience.