作者归档:xiaoq

Shopify建站之营销跟踪设置

由于Shopify提供14天的免费试用,特别在周末尝试了下,也算是与时俱进了。

Shopify内集成了Google Smart Shopping这个免费App,这样完全不用跳出Shopify后台,通过简单的点选操作就可以完成广告账户注册、Google Merchant Center设置、广告投放设置,除去广告审核时间,基本可以在半小时内投完成一个新广告的投放,非常方便。并且Shopify还提供了一个$100的新用户coupon(需要在前30天花够$20)。

不过,还需要做一些后续的设置,才能更好的优化广告,包括GA设置、Ads转化跟踪设置以及动态再营销代码设置。

  1. GA设置:Online Store——Preference——Google Analytics,填写GA的跟踪ID,并且点击开启增强型电商即可,非常方便。Facebook Pixel也是在这个界面对应的选项中添加,Facebook的营销代码是完全自动化的,包括feed的创建,都不需要再额外设置的了。
  2. 订单跟踪转化设置:Settings——Checkout——Order processing,在additional script内填入以下代码(代码1,加入了只执行一次的判断规则),代码是从Google Ads后台获取,并且根据Shopify的变量进行了相应修改,其中页面类型基于不同模版进行自动适配,变量用Shopify特有的代码串进行了替换。
  3. 添加动态再营销跟踪代码:Online Stores——Themes——Actions——Edit Code——theme.liquid,分别在<head></head>区域中间(代码2),以及</body>前添加(代码3)。
{% if first_time_accessed %}
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-123456789"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'AW-123456789');
</script>
<script>
  gtag('event', 'conversion', {
      'send_to': 'AW-abcdefghijklmnopqrst123456789',
      'value': {{ checkout.total_price | money_without_currency }},
      'currency': '{{ shop.currency }}',
      'transaction_id': '{{ order_number  }}'
  });
  gtag('event', 'page_view', {
    'send_to': 'AW-123456789',
    'ecomm_pagetype': 'purchase',
    'ecomm_prodid': [{% for item in order.line_items %}'shopify_US_{{ item.product.id }}_{{ item.variant.id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}],
    'ecomm_totalvalue': '{{ order.total_price | money_without_currency }}'
  });
</script>
{% endif %}
<!-- Global site tag (gtag.js) - Google Ads: 123456789 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-123456789"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-123456789');
</script>
{% assign send_to_id = 'AW-123456789' %}
{% assign shopify_store_country = 'US' %}
{% if shop.currency == 'CAD' %}
{% assign shopify_store_country = 'CA' %}
{% endif %}
<script type="text/javascript">
  {% if template contains 'product' %}
  gtag('event', 'page_view', {
    'send_to': '{{ send_to_id }}',
    'ecomm_pagetype': 'product',
    'ecomm_prodid': 'shopify_{{ shopify_store_country }}_{{ product.id }}_{{ product.selected_or_first_available_variant.id }}',
    'ecomm_totalvalue': '{{ product.price | money_without_currency }}'
  });
  {% elsif template contains 'cart' %}
  gtag('event', 'page_view', {
    'send_to': '{{ send_to_id }}',
      'ecomm_pagetype': 'cart',
    {% if cart.item_count > 1 %} 
      'ecomm_prodid': [{% for item in cart.items %}'shopify_{{ shopify_store_country }}_{{ item.product.id }}_{{ item.variant.id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}],
    {% elsif cart.item_count == 1 %}
      'ecomm_prodid': {% for item in cart.items %}'{{ shopify_store_country }}_{{ item.product_id }}_{{ item.variant.id }}'{% endfor %},
    {% else %}
      'ecomm_prodid': '',
    {% endif %}
      'ecomm_totalvalue': '{{ cart.total_price | money_without_currency }}
  });
    {% elsif template contains 'collection' %}
  gtag('event', 'page_view', {
    'send_to': '{{ send_to_id }}',
    'ecomm_pagetype': 'category',
    'ecomm_prodid': [{% for item in collection.products limit:5 %}'shopify_{{ shopify_store_country }}_{{ item.id }}_{{ item.variants.first.id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}],
    'ecomm_category': '{{ collection.handle }}',
    'ecomm_totalvalue': ''
  });
  {% elsif template contains 'search' %}
  gtag('event', 'page_view', {
    'send_to': '{{ send_to_id }}',
    'ecomm_pagetype': 'searchresults',
    'ecomm_prodid': [{% for item in search.results limit:5 %}'shopify_{{ shopify_store_country }}_{{ item.id }}_{{ item.variants.first.id }}'{% unless forloop.last %}, {% endunless %}{% endfor %}],
    'ecomm_totalvalue': ''
  });
  {% elsif template contains 'index' %}
  gtag('event', 'page_view', {
    'send_to': '{{ send_to_id }}',
    'ecomm_pagetype': 'home',
    'ecomm_prodid': '',
    'ecomm_totalvalue': ''
  });
  {% else %}
  gtag('event', 'page_view', {
    'send_to': '{{ send_to_id }}',
    'ecomm_pagetype': 'other',
    'ecomm_prodid': '',
    'ecomm_totalvalue': ''
  });
  {% endif %}
</script>

PS:请将以上跟踪ID替换为自己的。

通过以上设置,我们就可以正式开始Google和Facebook广告的投放了。我们可以从GA看到流量和增强型电商的相关数据,在Ads后台看到订单转化数据,并可以将以上代码收集到的人群用于投放动态再营销广告,可以在Shopify后台直接创建Google Smart Shopping广告或者简单的Facebook广告,当然也可以到对应账户内创建更加高级的其它广告。需要注意的是,Shopify API方式导入的feed,其item id格式并不是像Facebook的那样一串数字,而且带有Shopify_US_这种字符串(具体参考以上代码)。

代码加上之后,我们可以通过Google Tag Assistant和Facebook Pixel Helper这2个Chrome扩展进行相关数据的验证,也可以在GA的实时数据,或者晚点在Google Ads及Facebook Ads的相关界面查看数据。