AdWords Dynamic Remarketing Tags in BigCommerce for Stencil Themes

Standard

Setting up AdWords Dynamic Remarketing Tags in BigCommerce for Stencil Themes 

Recently once of client ask to set up Adword Dynamic Remarketing in BigCommerce for Stencil themes with Updated Event snippet for dynamic remarketing page with Custom Parameters.

Recently Google Adword Updated Dynamic Remarketing tag with Global Tag with Dynamic Remarketing event snippets with Custom parameters for all the pages of your website.

Setting Up Dynamic Remarketing Tags for Stencil Themes

What is Adwords Dynamic Remarketing?

To show ads to people visit your website previously using custom parameters for Dynamic Remarketing show ads. and remind visitor they have already visited your website with help of remarketing tags.

Step 1 Insert your custom tag to all your web pages, right before the closing </body> tag.

Put Code on /manage/storefront-manager/scripts

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

  gtag('config', 'AW-123456789');
</script>
<!-- Event snippet for Example dynamic remarketing page -->
<script>
gtag('event', 'page_view', {'send_to': 'AW-123456789',
'ecomm_prodid': 'REPLACE_WITH_STRING_VALUE',
'ecomm_pagetype': 'REPLACE_WITH_STRING_VALUE',
'ecomm_totalvalue': 'REPLACE_WITH_STRING_VALUE'
});
</script>

Note: Make Sure you will replace Dynamic Remarketing Tracking Code with your Dynamic Remarketing Pixel AW- XXXXXXXX

Step 2 – Home Page – Setup Dynamic Remarketing Pixel in Bigcommerce for Stencil Themes

Dynamic Remarketing Tags for Stencil Theme

BigCommerce Google Adwords Dynamic Remarketing Setup for Stencil

Step 3 – Product Page – Setup  Adword Dynamic Remarketing Pixel Tags in Bigcommerce for Stencil Theme

Dynamic Remarketing Tags in BigCommerce for Stencil

Set Up Dynamic Remarketing Tags for Product Page in BigCommerce – Stencil Themes

Step 4 – Cart Page – Setting Up on Cart Page Adword Dynamic Remarketing Pixel Tags in Bigcommerce for Stencil Theme.

For Getting Product Id You need to write a Product Array in Bigcommerce Stencil themes, without Product Array does not work Dynamic Remarketing Pixel.

Dynamic Remarketing Tags in BigCommerce for Stencil

Set Up Dynamic Remarketing Tags for Cart Pages in BigCommerce – Stencil Themes

Step 5 – Purchase – Setting Up on Purchase Adword Dynamic Remarketing Pixel Tags in Bigcommerce for Stencil Theme.

Google Adwords Remarketing Tag Stencil Theme

BigCommerce Google Adwords Dynamic Remarketing Setup for Theme

Warning: If you do n’t know about javascript or do n’t have developing knowledge then do n’t try to AdWords Dynamic Remarketing Tags in BigCommerce for Stencil Themes that can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property 

For Contact: mappchero@gmail.com

Implement Dynamic Remarketing Tag in Volusion using Google Tag Manager

Standard

Recently I have worked for one of my client who want to Implement volution dynamic remarketing Tag

Dynamic Remarketing means who has visited your website and re-engaged with users who has already visited with Custom Parameters of Dynamic Remarketing. To help you convert more visitor with Volusion Dynamic Remarketing using Google Tag Manager. Less CPC with maximize ROI of your Store with Volusion Dynamic Remarketing Tag 

Setting up Volution Dynamic Remarketing Tag via Google Tag Manager

Step 1. First Need to be installed Google Tag Manager on Volusion Store for Dynamic Remarketing

Copy the code below and paste it onto every page of your website. Place it immediately after the opening <body> tag.

<!– Google Tag Manager –>
<noscript><iframe src=”//www.googletagmanager.com/ns.html?id=GTM-XXXXXX
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘//www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,’script’,’dataLayer’,’GTM-XXXXXX‘);</script>
<!– End Google Tag Manager –>

Step 2. For Install Google Tag Manager in your Volution Store your admin area, got t to Design > File Editor in your Admin Area —->In the Live Edit page, click on your template.htm

add Google Dynamic Remarketing Code in Volusion

Volusion Dynamic Remarketing Using Google Tag Manager

Step 3. Below Customization Code need to place on Volusion for Dynamic Remarketing Tag 

Volution Dynamic RemarketingIf home page 

<!--If home page-->
if(pathname == "/" || pathname == "Default.asp" || pathname == "default.asp"){
var pagetype = 'home';
var googleprice = '';
var googleprodid ='';
};

If Product Page

if(pathname.indexOf('-p/') > -1){
var pagetype = 'product';
var googleprice = $('span[itemprop="price"]').html().split('<')[0].replace('£','').replace(',','').trim();
var googleprodid = global_Current_ProductCode;
};

Step 4. Need to be Setup Remarketing Campaign in AdWords

Volution AdWords dynamic remarketing Using Google Tag Manager

Volution AdWords dynamic remarketing Using Google Tag Manager

Step 5. Configure Tags, Variable and Rule for Setup Volusion Dynamic Re-marketing Tag Campaign in Google Tag Manager

  1. You need create a variable to Data Layer Variable called google_tag_params to Choose this option to supply custom parameters in a data layer variable.
Volusion Dynamic Remarketing Setup

Add Google Dynamic Remarketing Code in Volusion Store

Google Dynamic Re-marketing Setup Using Google Tag Manager Article – https://support.google.com/tagmanager/answer/6106009?hl=en&rd=1

For Developer Guide For Remarketing Setup – https://developers.google.com/adwords-remarketing-tag/parameters

For Troubleshoot of Dynamic Re marketing using Google Tag Manager –  Use Tag Assistance  – https://chrome.google.com/webstore/detail/tag-assistant-by-google/kejbdjndbnbjgmefkgdddjlbokphdefk?hl=en

For Contact: mappchero@gmail.com

Warning:if you do n’t know about javascript or do n’t have developing knowledge then do n’t try to implement on Volusion Dynamic Re-marketing Setup using Google Tag Manager  that can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property 

Implement Google AdWords Dynamic Remarketing for Shopify

Standard

Are you looking to Use dynamic remarketing to show commercials tailor-made to your website viewers?

Tag your website for dynamic remarketing to Shopify

To exhibit dynamic advertisements to persons who have visited your web page, add the dynamic remarketing tag with customized parameters to your website. The dynamic remarketing tag collects knowledge, such because the IDs of the products or services that folks viewed for your site, the types of pages considered to corresponding to looking cart pages, and the complete value of items.

More factors to use dynamic remarketing Tags for Shopify Dynamic Remarketing Campaign

  • High performance layouts: AdWords calls which advertising layout that is dynamic is likely to perform best for the individual, arrangement, and stage where the advertisement will show. 

Custom Dynamic Tag with custom parameters for Shopify Dynamic Remarketing 

<script type=”text/javascript”>
var google_tag_params = {
ecomm_prodid: “REPLACE_WITH_STRING_VALUE“,
ecomm_pagetype: “REPLACE_WITH_STRING_VALUE“,
ecomm_totalvalue: REPLACE_WITH_STRING_VALUE
};
</script>

Dynamic Remarketing Tags Implement  in Shopify

  1.   Following the below instruction to set up dynamic Remarketing tags for Shopify

Login with Admin —–> Go to Online Store —–> Themes. (Place it immediately before the closing <body> tag.)

<script type=”text/javascript”>
{% if template contains ‘product’ %}
var google_tag_params = {
ecomm_prodid: ‘{{ product.id }}’,
ecomm_pagetype: ‘product’,
ecomm_totalvalue: {{ product.price | money_without_currency | replace: ‘,’, ” }}
};
{% elsif template contains ‘cart’ %}
var google_tag_params = {
{% if cart.item_count > 1 %}
ecomm_prodid: [{% for item in cart.items %}'{{ item.product_id }}_{{ item.variant.id }}'{% if forloop.last != true %},{% endif %}{% endfor %}],
{% elsif cart.item_count == 1 %}
ecomm_prodid: {% for item in cart.items %}'{{ item.product_id }}_{{ item.variant.id }}'{% endfor %},
{% else %}
ecomm_prodid: ”,
{% endif %}
ecomm_pagetype: ‘cart’,
ecomm_totalvalue: {{ cart.total_price | money_without_currency | replace: ‘,’, ” }}
};
{% elsif template contains ‘search’ %}
var google_tag_params = {
ecomm_prodid: ”,
ecomm_pagetype: ‘searchresults’,
ecomm_totalvalue: ”
};
{% elsif template contains ‘index’ %}
var google_tag_params = {
ecomm_pagetype: ‘home’,

};
{% else %}
var google_tag_params = {
ecomm_prodid: ”,
ecomm_pagetype: ‘other’,
ecomm_totalvalue: ”
};
{% endif %}
</script>
<script type=”text/javascript”>
/* <![CDATA[ */
var google_conversion_id = xxxxxx;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type=”text/javascript” src=”//www.googleadservices.com/pagead/conversion.js”>
</script>
<noscript>
<div style=”display:inline;”>
<img height=”1″ width=”1″ style=”border-style:none;” alt=”” src=”//googleads.g.doubleclick.net/pagead/viewthroughconversion/xxxxxxx/?value=0&amp;guid=ON&amp;script=0″/>
</div>
</noscript>

Note: Make you will replace with your google_conversion_id

2. Shopify Dynamic Remarketing Tags for Order Confirmation Page

 <script type=”text/javascript”>
var google_tag_params = {
ecomm_prodid: [{% for line_item in order.line_items %}'{{ line_item.id }}'{% unless forloop.last %},{% endunless %}{% endfor %}],
ecomm_pagetype: ‘purchase’,
ecomm_totalvalue: {{order.total_price  | money_without_currency }},
};
</script>

<script type=”text/javascript”>
/* <![CDATA[ */
var google_conversion_id = xxxxxxxx;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type=”text/javascript” src=”//www.googleadservices.com/pagead/conversion.js”>
</script>
<noscript>
<div style=”display:inline;”>
<img height=”1″ width=”1″ style=”border-style:none;” alt=”” src=”//googleads.g.doubleclick.net/pagead/viewthroughconversion/948315090/?value=0&amp;guid=ON&amp;script=0″/>
</div>
</noscript>

Note: Make you will replace with your google_conversion_id

Dynamic Remarketing for Shopify– https://support.google.com/tagmanager/answer/6107169?hl=en

For Troubleshoot of Dynamic Remarketing –  Use Tag Assistance  – https://chrome.google.com/webstore/detail/tag-assistant-by-google/kejbdjndbnbjgmefkgdddjlbokphdefk?hl=en

For Contact: mappchero@gmail.com

Warning:if you do n’t know about javascript or do n’t have developing knowledge then do n’t try to implement on Dynamic Remarketing that can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property 

I am avaible for Hire on Freelancer: Freelancer.com

I am avaible for Hire on Upwork: Upwork.com

I am avaible for Hire on Peopleperhour: Peopleperhour.com

I am avaible for Hire on Guru: Guru.com