app/Plugin/GtmGaEEc42/Resource/template/default/gtmgaeec_ga4.twig line 1

Open in your IDE?
  1. {#
  2. GtmGaEEc42: GTM版 Google Analytics eコマース/拡張eコマース対応プラグイン
  3. Copyright (C) 2017-2022 Freischtide Inc. All Rights Reserved.
  4. http://freischtide.tumblr.com/
  6. License: see LICENSE.txt
  7. #}
  8. {% if gtmgaeec.tid|length > 0 %}
  9. <script type="text/javascript" id="gtmgaeec_ga4_tag">
  10.   dataLayer = window.dataLayer || [];
  11.   dataLayer.push({ ecommerce: null });
  12.   {% if ga4_impressions is not defined and impressions is defined and impressions|length > 0 %}
  13.     dataLayer.push({
  14.       event: "view_item_list",
  15.       ecommerce: {
  16.         items: [
  17.           {% for product in impressions %}
  18.             {
  19.               item_id: "{{ product.id }}",
  20.               item_name: "{{ product.name }}",
  21.               price: {{ product.price }},
  22.               {% if product.category|split(', ')|length > 0 %}
  23.                 {% for category in product.category|split(', ') %}
  24.                   item_category{{loop.index == 1 ? '' : loop.index}}: "{{ category }}",
  25.                 {% endfor %}
  26.               {% endif %}
  27.               {% if list_name is defined %}
  28.                 item_list_name: "{{ list_name }}",
  29.               {% endif %}
  30.               {% if product.quantity is defined and product.quantity > 0 %}
  31.                 quantity: {{ product.quantity }},
  32.               {% endif %}
  33.               index: {{ loop.index }}
  34.             }{% if not loop.last %},{% endif %}
  35.           {% endfor %}
  36.         ]
  37.       }
  38.     });
  39.   {% endif %}
  40.   {% if ga4_impressions is defined and ga4_impressions|length > 0 %}
  41.     dataLayer.push({
  42.       event: "view_item_list",
  43.       ecommerce: {
  44.         items: [
  45.           {% for product in ga4_impressions %}
  46.             {
  47.               item_id: "{{ product.id }}",
  48.               item_name: "{{ product.name }}",
  49.               price: {{ product.price }},
  50.               {% if product.category|split(', ')|length > 0 %}
  51.                 {% for category in product.category|split(', ') %}
  52.                   item_category{{loop.index == 1 ? '' : loop.index}}: "{{ category }}",
  53.                 {% endfor %}
  54.               {% endif %}
  55.               item_list_name: "Related Item",
  56.               {% if product.quantity is defined and product.quantity > 0 %}
  57.                 quantity: {{ product.quantity }},
  58.               {% endif %}
  59.               index: {{ loop.index }}
  60.             }{% if not loop.last %},{% endif %}
  61.           {% endfor %}
  62.         ]
  63.       }
  64.     });
  65.   {% endif %}
  66.   {% if action is defined %}
  67.     {% if action.action == 'detail' %}
  68.       {% if products is defined %}
  69.         dataLayer.push({
  70.           event: "view_item",
  71.           ecommerce: {
  72.             items: [
  73.               {% for product in products %}
  74.                 {
  75.                   item_name: "{{ product.name }}",
  76.                   item_id: "{{ product.id }}",
  77.                   price: {{ product.price }},
  78.                   {% if product.category|split(', ')|length > 0 %}
  79.                     {% for category in product.category|split(', ') %}
  80.                       item_category{{loop.index == 1 ? '' : loop.index}}: "{{ category }}",
  81.                     {% endfor %}
  82.                   {% endif %}
  83.                 }{% if not loop.last %},{% endif %}
  84.               {% endfor %}
  85.             ]
  86.           }
  87.         });
  88.       {% endif %}
  89.     {% elseif action.action == 'add' %}
  90.       {% if products is defined %}
  91.         dataLayer.push({
  92.           event: 'add_to_cart',
  93.           ecommerce: {
  94.             items: [
  95.               {% for product in products %}
  96.                 {
  97.                   item_name: '{{ product.name }}',
  98.                   item_id: '{{ product.id }}',
  99.                   {% if product.variant|length > 0 %}
  100.                   item_variant: '{{ product.variant }}',
  101.                   {% endif %}
  102.                   price: {{ product.price }},
  103.                   {% if product.category|split(', ')|length > 0 %}
  104.                     {% for category in product.category|split(', ') %}
  105.                       item_category{{loop.index == 1 ? '' : loop.index}}: "{{ category }}",
  106.                     {% endfor %}
  107.                   {% endif %}
  108.                   quantity: {{ product.quantity }},
  109.                   index: {{ loop.index - 1 }}
  110.                 }{% if not loop.last %},{% endif %}
  111.               {% endfor %}
  112.             ]
  113.           }
  114.         });
  115.       {% endif %}
  116.     {% elseif action.action == 'checkout' %}
  117.       {% if products is defined %}
  118.         dataLayer.push({
  119.           event: '{% if checkout_step == 1 %}begin_checkout{% elseif checkout_step == 2 %}confirmation{% endif %}',
  120.           ecommerce: {
  121.             items: [
  122.               {% for product in products %}
  123.                 {
  124.                   item_name: '{{ product.name }}',
  125.                   item_id: '{{ product.id }}',
  126.                   {% if product.variant|length > 0 %}
  127.                   item_variant: '{{ product.variant }}',
  128.                   {% endif %}
  129.                   price: {{ product.price }},
  130.                   {% if product.category|split(', ')|length > 0 %}
  131.                     {% for category in product.category|split(', ') %}
  132.                       item_category{{loop.index == 1 ? '' : loop.index}}: "{{ category }}",
  133.                     {% endfor %}
  134.                   {% endif %}
  135.                   quantity: {{ product.quantity }},
  136.                   index: {{ loop.index }}
  137.                 }{% if not loop.last %},{% endif %}
  138.               {% endfor %}
  139.             ]
  140.           }
  141.         });
  142.         {% if transaction is defined %}
  143.           dataLayer.push({
  144.             event: 'purchase',
  145.             ecommerce: {
  146.               transaction_id: {{ transaction.id|raw }},
  147.               value: {{ transaction.revenue|raw }},
  148.               tax: {{ transaction.tax|raw }},
  149.               {% if coupon_code|length > 0 %}
  150.                 coupon: '{{ coupon_code }}',
  151.               {% endif %}
  152.               shipping: {{ transaction.shipping|raw }},
  153.               currency: "JPY",
  154.               items: [
  155.                 {% for product in products %}
  156.                   {
  157.                     item_name: '{{ product.name }}',
  158.                     item_id: '{{ product.id }}',
  159.                     {% if product.variant|length > 0 %}
  160.                     item_variant: '{{ product.variant }}',
  161.                     {% endif %}
  162.                     price: {{ product.price }},
  163.                     {% if product.category|split(', ')|length > 0 %}
  164.                       {% for category in product.category|split(', ') %}
  165.                         item_category{{loop.index == 1 ? '' : loop.index}}: "{{ category }}",
  166.                       {% endfor %}
  167.                     {% endif %}
  168.                     {% if product.discount is defined and product.discount > 0 %}
  169.                       {% if coupon_code is defined and coupon_code|length > 0 %}
  170.                         coupon: '{{ coupon_code }}',
  171.                       {% endif %}
  172.                       discount: {{ product.discount }},
  173.                     {% endif %}
  174.                     quantity: {{ product.quantity }}
  175.                   }{% if not loop.last %},{% endif %}
  176.                 {% endfor %}
  177.               ]
  178.             }
  179.           });
  180.         {% endif %}
  181.       {% endif %}
  182.     {% elseif action.action == 'purchase' %}
  183.       {% if products is defined %}
  184.         dataLayer.push({
  185.           event: 'purchase',
  186.           ecommerce: {
  187.             transaction_id: {{ transaction.id|raw }},
  188.             value: {{ transaction.revenue|raw }},
  189.             tax: {{ transaction.tax|raw }},
  190.             {% if coupon_code|length > 0 %}
  191.               coupon: '{{ coupon_code }}',
  192.             {% endif %}
  193.             shipping: {{ transaction.shipping|raw }},
  194.             currency: "JPY",
  195.             items: [
  196.               {% for product in products %}
  197.                 {
  198.                   item_name: '{{ product.name }}',
  199.                   item_id: '{{ product.id }}',
  200.                   {% if product.variant|length > 0 %}
  201.                   item_variant: '{{ product.variant }}',
  202.                   {% endif %}
  203.                   price: {{ product.price }},
  204.                   {% if product.category|split(', ')|length > 0 %}
  205.                     {% for category in product.category|split(', ') %}
  206.                       item_category{{loop.index == 1 ? '' : loop.index}}: "{{ category }}",
  207.                     {% endfor %}
  208.                   {% endif %}
  209.                   {% if product.discount is defined and product.discount > 0 %}
  210.                     {% if coupon_code is defined and coupon_code|length > 0 %}
  211.                       coupon: '{{ coupon_code }}',
  212.                     {% endif %}
  213.                     discount: {{ product.discount }},
  214.                   {% endif %}
  215.                   quantity: {{ product.quantity }}
  216.                 }{% if not loop.last %},{% endif %}
  217.               {% endfor %}
  218.             ]
  219.           }
  220.         });
  221.       {% endif %}
  222.     {% endif %}
  223.   {% endif %}
  224.   {% if promo is defined %}
  225.     dataLayer.push({
  226.       event: "view_promotion",
  227.       ecommerce: {
  228.         items: [{
  229.           item_name: "{{ promo.name }}",
  230.           item_id: "{{ promo.id }}"
  231.           {% if promo.creative|length > 0 %}
  232.           , creative_name: "{{ promo.creative }}"
  233.           {% endif %}
  234.           {% if promo.position|length > 0 %}
  235.           , index: {{ promo.position }}
  236.           {% endif %}
  237.         }]
  238.       }
  239.     });
  240.   {% endif %}
  241.   {% if user_id is defined %}
  242.     dataLayer.push({
  243.       user_id: "{{ user_id }}"
  244.     });
  245.   {% endif %}
  246.   {% if event_name is defined %}
  247.     dataLayer.push({
  248.       event: "{{ event_name }}"
  249.     });
  250.   {% endif %}
  251. </script>
  252. {% endif %}