JSFiddle - React, Tailwind, and code Playground

by Ashish Kasama

HTML

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


<!-- google dynamic remarketing tag for theme.liquid -->
{% if template contains 'product' %}
<script type="text/javascript">
  var json_product = {{ product | json }};
</script>
<script>
  var ecomm_prodid=[];
  for(var i=0;i<json_product.variants.length;i++)
    ecomm_prodid.push(json_product.variants[i].sku);
</script>
<script type="text/javascript">
  var google_tag_params = {
    ecomm_prodid: ecomm_prodid,
    ecomm_pagetype: 'product',
    ecomm_totalvalue: parseFloat('{{ product.price | money_without_currency | remove: ","}}')
  };
</script>
{% elsif template contains 'collection' %}
<script type="text/javascript">
  var google_tag_params = {
    ecomm_pagetype: 'category'
  };
</script>
{% elsif template contains 'cart' %}
<script type="text/javascript">
  var id = new Array();
  {% for item in cart.items %}
  id.push('{{item.variant.sku}}');
   {% endfor %}

   var google_tag_params = {
     ecomm_prodid: id,
     ecomm_pagetype: 'cart',
     ecomm_totalvalue: parseFloat('{{ cart.total_price | money_without_currency | remove: ","}}')
   };
</script>
{% elsif template contains 'search' %}
<script type="text/javascript">
  var google_tag_params = {
    ecomm_pagetype: 'searchresults'
  };
</script>
{% elsif template contains 'index' %}
<script type="text/javascript">
  var google_tag_params = {
    ecomm_pagetype: 'home'
  };
</script>
{% else %}
<script type="text/javascript">
  var google_tag_params = {
    ecomm_pagetype: 'other'
  };
</script>
{% endif %}

<script>
  gtag('event', 'page_view', {'send_to':...

JavaScript

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-960805040"></script>
<script>
  window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-960805040', {'send_page_view': false});
</script>

<script type="text/javascript">
  var id = new Array();
{% for line_item in order.line_items %} 
id.push('{{line_item.variant.sku}}');
 {% endfor %}
 var google_tag_params = {
   ecomm_prodid: id,
   ecomm_pagetype: 'purchase',
   ecomm_totalvalue: parseFloat('{{ subtotal_price | money_without_currency | remove: ","}}')
 };
  </script>

  <script>
    gtag('event', 'page_view', {'send_to': 'AW-960805040',
                                'ecomm_prodid':window.google_tag_params.ecomm_prodid,
                                'ecomm_pagetype': window.google_tag_params.ecomm_pagetype,
                                'ecomm_totalvalue':window.google_tag_params.ecomm_totalvalue
                               });
  </script>