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