【GA4】gtag形式とdataLayer（データレイヤー）形式の書き方

グーグルアナリティックスは

今回はgtag形式とdataLayer形式の書き方についてそれぞれ紹介していきたいと思います。

イベントの飛ばしかた

今回は例としてイベント「view_item_list」を送信する場合の書き方になります。

※「item_id」と「item_name」は必須

gtagの書き方

gtag("event", "view_item_list", {
        item_list_id: "related_products",
        item_list_name: "Related products",
        items: [
        {
                item_id: "123456789",
                item_name: "アイテム名",
                affiliation: "仕入れ先",
                coupon: "クーポン",
                currency: "JPY",
                discount: 1,
                index: 0,
                item_brand: "ブランド名",
                item_category: "カテゴリ1",
                item_category2: "カテゴリ2",
                item_list_id: "12345",
                item_list_name: "アイテムリスト名",
                item_variant: "青",
                location_id: "xxxxxx",
                price:300,
                quantity: 1
        }
        ]
});

dataLayerの書き方

dataLayer.push({ ecommerce: null });
dataLayer.push({
        event: 'view_item_list',
        ecommerce: {
                items: [
                {
                        item_id: "123456789",
                        item_name: "アイテム名",
                        affiliation: "仕入れ先",
                        coupon: "クーポン",
                        currency: "JPY",
                        discount: 1,
                        index: 0,
                        item_brand: "ブランド名",
                        item_category: "カテゴリ1",
                        item_category2: "カテゴリ2",
                        item_list_id: "12345",
                        item_list_name: "アイテムリスト名",
                        item_variant: "青",
                        location_id: "xxxxxx",
                        price: 1,200,
                        quantity: 1
                }
                ]
        }
});