テーマ仕様書
shop
部分テンプレート(shared_partial)
head_google_tag_manager★

head_google_tag_manager (shared_partial)

全画面で共通利用する shared_partial です。

参考情報

テーマ管理のファイルパス

ec_force/shop/shared/_head_google_tag_manager.html.liquid
ec_force/shop/shared/_head_google_tag_manager.html+smartphone.liquid

必要なコンポーネント

特に必要な記述はございません。以下、記述例となります。

{% if google_tag_manager['alignment'] == '1' %}
  <!-- Google Tag Manager -->
  {% if datalayer_params %}
    {% for datalayer_param in datalayer_params %}
      <script>
        window.dataLayer = window.dataLayer || [];
        dataLayer.push({ ecommerce: null });
        dataLayer.push({{ datalayer_param }});
      </script>
    {% endfor %}
  {% endif %}
 
  <script>
    window.dataLayer = window.dataLayer || [];
    dataLayer.push({ user_id: '{{current_customer&.id}}' });
  </script>
 
  <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=
      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer', '{{ google_tag_manager['container_id'] }}');
  </script>
{% endif %}