WelCartでのGA4 eコマースタグの埋め込み（add_to_cart , begin_checkout , purchase ）

カートに追加イベント（add_to_cart）

編集ファイル：wc_templates/cart/wc_cart_page.php ／ get_header(); のすぐ後に追加。

<?php
  $carts = wel_get_cart();
  if( !empty($carts) ):
?> 
<script>
  gtag('event', 'add_to_cart', {
  currency: 'JPY',
  value: <?php usces_total_price(); ?>,
  items: [
<?php foreach( $carts as $item ): ?> 
  {
    item_id: '<?php echo $item['post_id']; ?>',
    item_name: '<?php echo $item['sku']; ?>',
    price: <?php echo $item['price']; ?>,
    currency: 'JPY',
    quantity: <?php echo $item['quantity']; ?>
  },
  <?php endforeach; ?> 
  ]
});
</script>
<?php endif; ?>

 

注文の開始イベント（begin_checkout）

編集ファイル：wc_templates/cart/wc_customer_page.php ／ get_header(); のすぐ後に追加。

<script>
  gtag("event", "begin_checkout", {
    currency: "JPY",
    value: <?php usces_total_price(); ?>,
  });
</script>

 

注文完了イベント（purchase）

編集ファイル：wc_templates/cart/wc_completion_page.php ／ get_header(); のすぐ後に追加。

<?php 
  $entries = wel_get_entry();
  ?>
<script>
  gtag("event", "purchase", {
    currency: "JPY",
    transaction_id: <?php echo $entries['order']['ID']; ?>,
    value: <?php echo $entries['order']['total_full_price']; ?>,
  });
</script>