app/template/million01/Block/ecommerce_gatag.twig line 1

Open in your IDE?
  1. {% if app.request.get('_route') == 'product_list' %}
  2.     {# 商品一覧 #}
  3.     <script>
  4.         dataLayer.push({ecommerce: null});
  5.         // GA4
  6.         dataLayer.push({
  7.             'event': 'view_item_list',
  8.             'ecommerce': {
  9.                 'items': [
  10.                     {% for Product in pagination %}
  11.                     {
  12.                         'item_name': '{{ Product.name }}',
  13.                         'item_id': '{{ Product.getCodeMin ? Product.getCodeMin : Product.id }}',
  14.                         'price': '{{ Product.getPrice02IncTaxMin }}',
  15.                         'item_category': '{% for ProductCategory in Product.ProductCategories %}{% for Category in ProductCategory.Category.path %}{% if ( Category.parent is not null ) %}{{ Category.Parent.name }}：{{ Category.name }}{% endif %}{% endfor %}{% endfor %}',
  16.                     }{% if not loop.last %},{% endif %}
  17.                     {% endfor %}
  18.                 ]
  19.             }
  20.         });
  22.         // UA
  23.         dataLayer.push({
  24.             'ecommerce': {
  25.                 'currencyCode': 'JPY',
  26.                 'impressions': [
  27.                     {% for Product in pagination %}
  28.                     {
  29.                         'name': '{{ Product.name }}',
  30.                         'id': '{{ Product.getCodeMin ? Product.getCodeMin : Product.id }}',
  31.                         'price': '{{ Product.getPrice02IncTaxMin }}',
  32.                         'category': '{% for ProductCategory in Product.ProductCategories %}{% for Category in ProductCategory.Category.path %}{% if ( Category.parent is not null ) %}{{ Category.Parent.name }}：{{ Category.name }}{% endif %}{% endfor %}{% endfor %}',
  33.                     }{% if not loop.last %},{% endif %}
  34.                     {% endfor %}
  35.                 ]
  36.             }
  37.         });
  39.     </script>
  41. {% elseif app.request.get('_route') == 'product_detail' %}
  42.     {# 商品詳細 #}
  43.     <script>
  44.         // Measure a view of product details. This example assumes the detail view occurs on pageload,
  45.         dataLayer.push({ecommerce: null});  // Clear the previous ecommerce object.
  46.         // GA4
  47.         dataLayer.push({
  48.             'event': 'view_item',
  49.             'ecommerce': {
  50.                 'items': [{
  51.                     'item_name': '{{ Product.name }}',
  52.                     'item_id': '{{ Product.getCodeMin ? Product.getCodeMin : Product.id }}',
  53.                     'price': '{{ Product.getPrice02IncTaxMin }}',
  54.                     'item_category': '{% for ProductCategory in Product.ProductCategories %}{% for Category in ProductCategory.Category.path %}{% if ( Category.parent is not null ) %}{{ Category.Parent.name }}：{{ Category.name }}{% endif %}{% endfor %}{% endfor %}',
  55.                     'quantity': '1'
  56.                 }]
  57.             }
  58.         });
  60.         // UA
  61.         dataLayer.push({
  62.             'ecommerce': {
  63.                 'detail': {
  64.                     'products': [{
  65.                         'name': '{{ Product.name }}',         // Name or ID is required.
  66.                         'id': '{{ Product.getCodeMin ? Product.getCodeMin : Product.id }}',
  67.                         'price': '{{ Product.getPrice02IncTaxMin }}',
  68.                         'category': '{% for ProductCategory in Product.ProductCategories %}{% for Category in ProductCategory.Category.path %}{% if ( Category.parent is not null ) %}{{ Category.Parent.name }}：{{ Category.name }}{% endif %}{% endfor %}{% endfor %}',
  69.                     }]
  70.                 }
  71.             }
  72.         });
  73.     </script>
  75. {% elseif app.request.get('_route') == 'cart' %}
  76.     {# カートに追加 #}
  77.     <script>
  78.         // Measure when a product is added to a shopping cart
  79.         dataLayer.push({ecommerce: null});  // Clear the previous ecommerce object.
  80.         // GA4
  81.         dataLayer.push({
  82.             'event': 'add_to_cart',
  83.             'ecommerce': {
  84.                 'items': [
  85.                     {% for CartIndex,Cart in Carts %}
  86.                     {% for CartItem in Cart.CartItems %}
  87.                     {% set ProductClass = CartItem.ProductClass %}
  88.                     {% set Product = ProductClass.Product %}
  89.                     {
  90.                         'item_name': '{{ Product.name }}',
  91.                         'item_id': '{{ Product.getCodeMin ? Product.getCodeMin : Product.id }}',
  92.                         'price': '{{ Product.getPrice02IncTaxMin }}'
  93.                     }{% if not loop.last %},{% endif %}
  94.                     {% endfor %}
  95.                     {% endfor %}
  96.                 ]
  97.             }
  98.         });
  100.         // UA
  101.         dataLayer.push({
  102.             'event': 'addToCart',
  103.             'ecommerce': {
  104.                 'currencyCode': 'JPY',
  105.                 'add': {
  106.                     'products': [
  107.                         {% for CartIndex,Cart in Carts %}
  108.                         {% for CartItem in Cart.CartItems %}
  109.                         {% set ProductClass = CartItem.ProductClass %}
  110.                         {% set Product = ProductClass.Product %}
  111.                         {
  112.                             'name': '{{ Product.name }}',
  113.                             'id': '{{ Product.getCodeMin ? Product.getCodeMin : Product.id }}',
  114.                             'price': '{{ Product.getPrice02IncTaxMin }}',
  115.                             'quantity': {{ CartItem.quantity }}
  116.                         }{% if not loop.last %},{% endif %}
  117.                         {% endfor %}
  118.                         {% endfor %}
  119.                     ]
  120.                 }
  121.             }
  122.         });
  124.     </script>
  126. {% elseif app.request.get('_route') == 'shopping_complete' %}
  127.     {# 購入完了 #}
  129.     {% if Order.id %}
  130.         <script>
  131.             dataLayer.push({ecommerce: null});
  132.             // GA4
  133.             dataLayer.push({
  134.                 'event': 'purchase',
  135.                 'ecommerce': {
  136.                     'transaction_id': '{{ Order.order_no }}',
  137.                     'affiliation': '{{ BaseInfo.shop_name }}',
  138.                     'value': '{{ Order.subtotal }}',
  139.                     'tax': '{{ Order.tax }}',
  140.                     'shipping': '{{ Order.delivery_fee_total }}',
  141.                     'currency': 'JPY',
  142.                     'items': [
  143.                         {% for OrderItem in Order.MergedProductOrderItems %}
  144.                         {
  145.                             'item_name': '{{ OrderItem.product_name }}',
  146.                             'item_id': '{{ OrderItem.product_code ? OrderItem.product_code : OrderItem.product.id }}',
  147.                             'price': '{{ OrderItem.price_inc_tax }}',
  148.                             'item_category': '{% for ProductCategory in OrderItem.Product.ProductCategories %}{% for Category in ProductCategory.Category.path %}{% if ( Category.parent is not null ) %}{{ Category.Parent.name }}：{{ Category.name }}{% endif %}{% endfor %}{% endfor %}',
  149.                             'quantity': {{ OrderItem.quantity }}
  150.                         }{% if not loop.last %},{% endif %}
  151.                         {% endfor %}
  152.                     ]
  153.                 }
  154.             });
  156.             // UA
  157.             dataLayer.push({
  158.                 'ecommerce': {
  159.                     'purchase': {
  160.                         'actionField': {
  161.                             'id': '{{ Order.order_no }}',
  162.                             'affiliation': '{{ BaseInfo.shop_name }}',
  163.                             'revenue': '{{ Order.subtotal }}',
  164.                             'tax': '{{ Order.tax }}',
  165.                             'shipping': '{{ Order.delivery_fee_total }}'
  166.                         },
  167.                         'products': [
  168.                             {% for OrderItem in Order.MergedProductOrderItems %}
  169.                             {
  170.                                 'name': '{{ OrderItem.product_name }}',
  171.                                 'id': '{{ OrderItem.product_code ? OrderItem.product_code : OrderItem.product.id }}',
  172.                                 'price': '{{ OrderItem.price_inc_tax }}',
  173.                                 'category': '{% for ProductCategory in OrderItem.Product.ProductCategories %}{% for Category in ProductCategory.Category.path %}{% if ( Category.parent is not null ) %}{{ Category.Parent.name }}：{{ Category.name }}{% endif %}{% endfor %}{% endfor %}',
  174.                                 'quantity': {{ OrderItem.quantity }}
  175.                             }{% if not loop.last %},{% endif %}
  176.                             {% endfor %}
  177.                         ]
  178.                     }
  179.                 }
  180.             });
  181.         </script>
  182.     {% endif %}
  184. {% endif %}