このガイドでは、e コマース サイトに e コマース イベントを追加して、Google アナリティクスの e コマース レポートを最大限に活用する方法を解説します。
これらのイベントを実装することにより、人気の高い商品を定量化できるほか、プロモーションや商品の配置が売り上げに及ぼす影響を把握できます。たとえば次のレポートには、ユーザーあたりの平均購入収益額と、商品名別の購入数が表示されています。
すべてのイベントおよび関連するパラメータの一覧は、gtag.js イベント リファレンスで確認できます。
商品のインプレッション
商品の閲覧状況と、ユーザーによるインタラクションの発生状況を測定するには、次のイベントを使用します。
これらのイベントをすべて送信することにより、Google アナリティクスのレポートで、商品の閲覧頻度がより正確に表示されます。また、これらのイベントをプロモーションのデータと組み合わせて目標到達プロセスを作成すれば、キャンペーンの効果も測定可能です。
view_item_list
ユーザーに商品のリストが表示されたときに view_item_list イベントを送信します。
例
ユーザーがトップページを訪問して「Related Products」という名前のリストが表示された場合は、次のようになります。
gtag('event', 'view_item_list', {
items: [{
item_id: 'SKU_12345',
item_name: 'jeggings',
coupon: 'SUMMER_FUN',
discount: 2.22,
index: 5,
item_list_name: 'Related Products',
item_list_id: 'related_products',
affiliation: 'Google Store',
item_brand: 'Gucci',
item_category: 'pants',
item_variant: 'black',
price: 9.99,
currency: 'USD',
quantity: 1
}],
item_list_name: 'Related products',
item_list_id: 'related_products'
});
各パラメータのドキュメントは、view_item_list で確認できます。
view_item
ユーザーが特定の商品を閲覧したときに view_item イベントを送信します。
例
ユーザーが、リンクから直接ある商品ページへ移動した場合は次のようになります。select_item と混同しないよう注意が必要です。
gtag('event', 'view_item', {
currency: 'USD',
items: [{
item_id: 'SKU_12345',
item_name: 'jeggings',
coupon: 'SUMMER_FUN',
discount: 2.22,
affiliation: 'Google Store',
item_brand: 'Gucci',
item_category: 'pants',
item_variant: 'black',
price: 9.99,
currency: 'USD',
quantity: 1
}],
value: 9.99
});
各パラメータのドキュメントは、view_item で確認できます。
select_item
ユーザーが特定の商品を直接操作したときに select_item イベントを送信します。
例
ユーザーが商品を検索した後に商品ページへのリンクをクリックした場合は、次のようになります。view_item と混同しないよう注意が必要です。
gtag('event', 'select_item', {
items: [{
item_id: 'SKU_12345',
item_name: 'jeggings',
coupon: 'SUMMER_FUN',
discount: 2.22,
index: 5,
item_list_name: 'Related Products',
item_list_id: 'related_products',
affiliation: 'Google Store',
item_brand: 'Gucci',
item_category: 'pants',
item_variant: 'black',
price: 9.99,
currency: 'USD',
quantity: 1
}],
item_list_name: 'Related products',
item_list_id: 'related_products'
});
各パラメータのドキュメントは、select_item で確認できます。
プロモーションのインプレッション
プロモーションの閲覧状況と、ユーザーによるインタラクションの発生状況を測定するには、次のイベントを使用します。
これらのイベントを送信することにより、Google アナリティクスのレポートで、プロモーションの閲覧頻度がより正確に表示されます。また、これらのイベントを商品のデータと組み合わせて目標到達プロセスを作成すれば、キャンペーンの効果も測定可能です。
view_promotion
ユーザーが特定のプロモーションを閲覧したときに view_promotion イベントを送信します。
例
ユーザーが画面をスクロールして、セールを宣伝するバナーを表示した場合は、次のようになります。
gtag('event', 'view_promotion', {
items: [{
item_id: 'SKU_12345',
item_name: 'jeggings',
coupon: 'SUMMER_FUN',
discount: 2.22,
promotion_id: 'P_12345',
promotion_name: 'Summer Sale',
creative_slot: 'featured_app_1',
location_id: 'L_12345',
affiliation: 'Google Store',
item_brand: 'Gucci',
item_category: 'pants',
item_variant: 'Black',
price: 9.99,
currency: 'USD',
quantity: 1
}],
location_id: 'L_12345'
});
各パラメータのドキュメントは、view_promotion で確認できます。
select_promotion
ユーザーが特定のプロモーションを直接操作したときに select_promotion イベントを送信します。
例
セールを宣伝するバナーをユーザーがクリックした場合は次のようになります。
gtag('event', 'select_promotion', {
items: [{
item_id: 'SKU_12345',
item_name: 'jeggings',
coupon: 'SUMMER_FUN',
discount: 2.22,
promotion_id: 'P_12345',
promotion_name: 'Summer Sale',
creative_name: 'Summer Banner',
creative_slot: 'featured_app_1',
location_id: 'L_12345',
affiliation: 'Google Store',
item_brand: 'Gucci',
item_category: 'pants',
item_variant: 'Black',
price: 9.99,
currency: 'USD',
quantity: 1
}],
location_id: 'L_12345'
});
各パラメータのドキュメントは、select_promotion で確認できます。
購入前のインタラクション
購入手続きを完了するまでのユーザー行動を測定するには、次のイベントを使用します。
これらのイベントを送信することにより、Google アナリティクスのレポートで、商品のパフォーマンスがより正確に表示されます。
add_to_cart
ユーザーが商品をカートに追加したときに add_to_cart イベントを送信します。
例
ユーザーがカートに商品を追加した場合は次のようになります。
gtag('event', 'add_to_cart', {
currency: 'USD',
items: [{
item_id: 'SKU_12345',
item_name: 'jeggings',
coupon: 'SUMMER_FUN',
discount: 2.22,
affiliation: 'Google Store',
item_brand: 'Gucci',
item_category: 'pants',
item_variant: 'black',
price: 9.99,
currency: 'USD',
quantity: 1
}],
value: 7.77
});
各パラメータのドキュメントは、add_to_cart で確認できます。
remove_from_cart
ユーザーが商品をカートから削除したときに remove_from_cart イベントを送信します。
例
ユーザーがカートから商品を削除した場合は次のようになります。
gtag('event', 'remove_from_cart', {
currency: 'USD',
items: [{
item_id: 'SKU_12345',
item_name: 'jeggings',
coupon: 'SUMMER_FUN',
discount: 2.22,
affiliation: 'Google Store',
item_brand: 'Gucci',
item_category: 'pants',
item_variant: 'black',
price: 9.99,
currency: 'USD',
quantity: 1
}],
value: 7.77
});
各パラメータのドキュメントは、remove_from_cart で確認できます。
購入、決済、払い戻し
商品の購入を測定するには、次のイベントを使用します。
これらのイベントを送信することにより、Google アナリティクスのレポートで、商品のパフォーマンスがより正確に表示されます。
begin_checkout
ユーザーが購入手続きを開始したときに begin_checkout イベントを送信します。
例
ユーザーが購入手続きを開始した場合は次のようになります。
gtag('event', 'begin_checkout', {
coupon: 'SUMMER_FUN',
currency: 'USD',
items: [{
item_id: 'SKU_12345',
item_name: 'jeggings',
coupon: 'SUMMER_FUN',
discount: 2.22,
affiliation: 'Google Store',
item_brand: 'Gucci',
item_category: 'pants',
item_variant: 'black',
price: 9.99,
currency: 'USD',
quantity: 1
}],
value: 7.77
});
各パラメータのドキュメントは、begin_checkout で確認できます。
add_payment_info
ユーザーが購入手続き中に支払い情報を追加したときに add_payment_info イベントを送信します。
例
ユーザーが購入手続き中に支払い情報を追加した場合は次のようになります。
gtag('event', 'add_payment_info', {
coupon: 'SUMMER_FUN',
currency: 'USD',
items: [{
item_id: 'SKU_12345',
item_name: 'jeggings',
coupon: 'SUMMER_FUN',
discount: 2.22,
affiliation: 'Google Store',
item_brand: 'Gucci',
item_category: 'pants',
item_variant: 'black',
price: 9.99,
currency: 'USD',
quantity: 1
}],
payment_type: 'Credit Card',
value: 9.99
});
各パラメータのドキュメントは、add_payment_info で確認できます。
add_shipping_info
ユーザーが購入手続き中に配送先情報を追加したときに add_shipping_info イベントを送信します。
例
ユーザーが購入手続き中に配送先情報を追加した場合は次のようになります。
gtag('event', 'add_shipping_info', {
coupon: 'SUMMER_FUN',
currency: 'USD',
items: [{
item_id: 'SKU_12345',
item_name: 'jeggings',
coupon: 'SUMMER_FUN',
discount: 2.22,
affiliation: 'Google Store',
item_brand: 'Gucci',
item_category: 'pants',
item_variant: 'Black',
price: 9.99,
currency: 'USD',
quantity: 1
}],
shipping_tier: 'Ground',
value: 7.77
});
各パラメータのドキュメントは、add_shipping_info で確認できます。
purchase
ユーザーが購入手続きを完了したときに purchase イベントを送信します。
例
ユーザーが購入手続きを完了した場合は次のようになります。
gtag('event', 'purchase', {
affiliation: 'Google Store',
coupon: 'SUMMER_FUN',
currency: 'USD',
items: [{
item_id: 'SKU_12345',
item_name: 'jeggings',
coupon: 'SUMMER_FUN',
discount: 2.22,
affiliation: 'Google Store',
item_brand: 'Gucci',
item_category: 'pants',
item_variant: 'black',
price: 9.99,
currency: 'USD',
quantity: 1
}, {
item_id: 'SKU_12346',
item_name: 'jeggings',
coupon: 'SUMMER_FUN',
discount: 2.22,
affiliation: 'Google Store',
item_brand: 'Gucci',
item_category: 'pants',
item_variant: 'gray',
price: 9.99,
currency: 'USD',
quantity: 1
}],
transaction_id: 'T_12345',
shipping: 3.33,
value: 21.09,
tax: 2.22
})
各パラメータのドキュメントは、purchase で確認できます。
refund
ユーザーが払い戻しをリクエストしたときに refund イベントを送信します。サポートされている払い戻しの種類は次の 2 つです。
- 一部払い戻し - 購入した商品の一部のみについて払い戻しを行う場合は、このフォーマットを使います。
- 全額払い戻し - 購入した商品のすべてについて払い戻しを行う場合は、このフォーマットを使います。
一部払い戻しの例
ユーザーが一部払い戻しをリクエストした場合は次のようになります。
gtag('event', 'refund', {
affiliation: 'Google Store',
coupon: 'SUMMER_FUN',
currency: 'USD',
items: [{
item_id: 'SKU_12345',
item_name: 'jeggings',
coupon: 'SUMMER_FUN',
discount: 2.22,
affiliation: 'Google Store',
item_brand: 'Gucci',
item_category: 'pants',
item_variant: 'black',
price: 9.99,
currency: 'USD',
quantity: 1
}],
transaction_id: 'T_12345',
shipping: 3.33,
value: 12.21,
tax: 1.11
});
各パラメータのドキュメントは、refund で確認できます。
全額払い戻しの例
ユーザーが全額払い戻しをリクエストした場合は次のようになります。
gtag('event', 'refund', {
affiliation: 'Google Store',
coupon: 'SUMMER_FUN',
currency: 'USD',
transaction_id: 'T_12345',
shipping: 3.33,
value: 12.21,
tax: 1.11
});
各パラメータのドキュメントは、refund で確認できます。