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

Open in your IDE?
  1. <!-- eコマース -->
  2. {% if app.request.get('_route') == 'product_list' %}
  3. {# 商品一覧 #}
  4. <script>
  5.     dataLayer.push({ecommerce: null});
  6.     // GA4
  7.     dataLayer.push({
  8.         'event': 'view_item_list',
  9.         'ecommerce': {
  10.             'items': [
  11.                 {% for Product in pagination %}
  12.                 {
  13.                 'item_name': '{{ Product.name }}',
  14.                 'item_id': '{{ Product.getCodeMin ? Product.getCodeMin : Product.id }}',
  15.                 'price': '{{ Product.getPrice02IncTaxMin }}',
  16.                 '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 %}',
  17.                 }{% if not loop.last %},{% endif %}
  18.                 {% endfor %}
  19.             ]
  20.         }
  21.     });
  23. </script>
  25. {% elseif app.request.get('_route') == 'product_detail' %}
  26. {# 商品詳細 #}
  27. <script>
  28.     // Measure a view of product details. This example assumes the detail view occurs on pageload,
  29.     dataLayer.push({ecommerce: null});  // Clear the previous ecommerce object.
  30.     // GA4
  31.     dataLayer.push({
  32.         'event': 'view_item',
  33.         'ecommerce': {
  34.             'items': [{
  35.                 'item_name': '{{ Product.name }}',
  36.                 'item_id': '{{ Product.getCodeMin ? Product.getCodeMin : Product.id }}',
  37.                 'price': '{{ Product.getPrice02IncTaxMin }}',
  38.                 '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 %}',
  39.                 'quantity': '1'
  40.             }]
  41.         }
  42.     });
  43.     
  44. </script>
  46. {% elseif app.request.get('_route') == 'cart' %}
  47. {# カートに追加 #}
  48. <script>
  49.     // Measure when a product is added to a shopping cart
  50.     dataLayer.push({ecommerce: null});  // Clear the previous ecommerce object.
  51.     // GA4
  52.     dataLayer.push({
  53.         'event': 'add_to_cart',
  54.         'ecommerce': {
  55.             'items': [
  56.                 {% for CartIndex,Cart in Carts %}
  57.                 {% for CartItem in Cart.CartItems %}
  58.                 {% set ProductClass = CartItem.ProductClass %}
  59.                 {% set Product = ProductClass.Product %}
  60.                 {
  61.                 'item_name': '{{ Product.name }}',
  62.                 'item_id': '{{ Product.getCodeMin ? Product.getCodeMin : Product.id }}',
  63.                 'price': '{{ Product.getPrice02IncTaxMin }}'
  64.                 }{% if not loop.last %},{% endif %}
  65.                 {% endfor %}
  66.                 {% endfor %}
  67.             ]
  68.         }
  69.     });
  71. </script>
  73. {% elseif app.request.get('_route') == 'shopping_complete' %}
  74. {# 購入完了 #}
  76. {% if Order.id %}
  77. <script>
  78.     dataLayer.push({ecommerce: null});
  79.     // GA4
  80.     dataLayer.push({
  81.         'event': 'purchase',
  82.         'ecommerce': {
  83.             'transaction_id': '{{ Order.order_no }}',
  84.             'affiliation': '{{ BaseInfo.shop_name }}',
  85.             'value': '{{ Order.subtotal }}',
  86.             'tax': '{{ Order.tax }}',
  87.             'shipping': '{{ Order.delivery_fee_total }}',
  88.             'currency': 'JPY',
  89.             'items': [
  90.                 {% for OrderItem in Order.MergedProductOrderItems %}
  91.                 {
  92.                 'item_name': '{{ OrderItem.product_name }}',
  93.                 'item_id': '{{ OrderItem.product_code ? OrderItem.product_code : OrderItem.product.id }}',
  94.                 'price': '{{ OrderItem.price_inc_tax }}',
  95.                 '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 %}',
  96.                 'quantity': {{ OrderItem.quantity }}
  97.                 }{% if not loop.last %},{% endif %}
  98.                 {% endfor %}
  99.             ]
  100.         }
  101.     });
  103. </script>
  104. {% endif %}
  106. {% endif %}