app/template/raspia/Block/google_ecommerce.twig line 1

Open in your IDE?
  1. <script type="text/javascript">
  3.   dataLayer = window.dataLayer || [];
  4.   dataLayer.push({ ecommerce: null });
  6. {% if app.request.get('_route') == 'product_list' %}
  7.     {# 商品一覧 #}
  8. //        dataLayer.push({ecommerce: null});
  9.         // GA4
  10.         dataLayer.push({
  11.             'event': 'view_item_list',
  12.             'ecommerce': {
  13.                 'items': [
  14.                     {% for Product in pagination %}
  15.                     {
  16.                         'item_name': '{{ Product.name }}',
  17.                         'item_id': '{{ Product.getCodeMin ? Product.getCodeMin : Product.id }}',
  18.                         'price': '{{ Product.getPrice02IncTaxMin }}',
  19.                         '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 %}',
  20.                     }{% if not loop.last %},{% endif %}
  21.                     {% endfor %}
  22.                 ]
  23.             }
  24.         });
  26. {% elseif app.request.get('_route') == 'product_detail' %}
  27.     {# 商品詳細 #}
  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.         //add_cartはdetail.twigに直接記載
  47. {% elseif app.request.get('_route') == 'cart' %}
  48.     {# カートを表示 #}
  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': 'view_cart',
  54.             'ecommerce': {
  55.                 'currency': 'JPY',
  56.                 'value': '{{ totalPrice }}',
  57.                 'items': [
  58.                     {% for CartIndex,Cart in Carts %}
  59.                     {% for CartItem in Cart.CartItems %}
  60.                     {% set ProductClass = CartItem.ProductClass %}
  61.                     {% set Product = ProductClass.Product %}
  62.                     {
  63.                         'item_name': '{{ Product.name }}',
  64.                         'item_id': '{{ Product.getCodeMin ? Product.getCodeMin : Product.id }}',
  65.                         'price': '{{ Product.getPrice02IncTaxMin }}'
  66.                     }{% if not loop.last %},{% endif %}
  67.                     {% endfor %}
  68.                     {% endfor %}
  69.                 ]
  70.             }
  71.         });
  73. {% elseif app.request.get('_route') == 'shopping' %}
  74.     {# 決済開始を表示 #}
  75.         // GA4
  76.         dataLayer.push({
  77.             'event': 'begin_checkout',
  78.             'ecommerce': {
  79.                 'value': '{{ Order.subtotal }}',
  80. //                'tax': '{{ Order.tax }}',
  81. //                'shipping': '{{ Order.delivery_fee_total }}',
  82.                 'currency': 'JPY',                
  83.                 'items': [
  84.                     {% for shipping in Order.shippings %}
  85.                     {% for orderItem in shipping.productOrderItems %}
  86.                     {
  87.                         'item_name': '{{ orderItem.productName }}',
  88.                         'item_id': '{{ orderItem.product.id }}',
  89.                         'price': '{{ orderItem.priceIncTax }}',
  90.                         'quantity': {{ orderItem.quantity }},
  91.                         'affiliation': '{{ BaseInfo.shop_name }}'
  92.                         
  93.                     }{% if not loop.last %},{% endif %}
  94.                     {% endfor %}
  95.                     {% endfor %}
  97.                 ]
  98.             }
  99.         });
  101.         
  103. {% elseif app.request.get('_route') == 'shopping_complete' %}
  104.     {# 購入完了 #}
  106.     {% if Order.id %}
  107.  //           dataLayer.push({ecommerce: null});
  108.             // GA4
  109.             dataLayer.push({
  110.                 'event': 'purchase',
  111.                 'ecommerce': {
  112.                     'transaction_id': '{{ Order.order_no }}',
  113.                     'value': '{{ Order.subtotal }}',
  114.                     'tax': '{{ Order.tax }}',
  115.                     'shipping': '{{ Order.delivery_fee_total }}',
  116.                     'currency': 'JPY',
  117.                     'items': [
  118.                         {% for OrderItem in Order.MergedProductOrderItems %}
  119.                         {
  120.                             'item_name': '{{ OrderItem.product_name }}',
  121.                             'item_id': '{{ OrderItem.product_code ? OrderItem.product_code : OrderItem.product.id }}',
  122.                             'price': '{{ OrderItem.price_inc_tax }}',
  123.                             '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 %}',
  124.                             'quantity': {{ OrderItem.quantity }},
  125.                             'affiliation': '{{ BaseInfo.shop_name }}'
  126.                             
  127.                         }{% if not loop.last %},{% endif %}
  128.                         {% endfor %}
  129.                     ]
  130.                 }
  131.             });
  133.     {% endif %}
  134. {% endif %}
  136. {% if user_id is defined %}
  137.     dataLayer.push({
  138.       user_id: "{{ user_id }}"
  139.     });
  140. {% endif %}
  141. {% if event_name is defined %}
  142.     dataLayer.push({
  143.       event: "{{ event_name }}"
  144.     });
  145. {% endif %}
  147. </script>