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