Google Analytics & Ads 学习笔记 2 (gtag 版本)

gtag 是用来取代之前的 ga 的

但其实它底层就是调用 ga 而已. 只是封装了一个上层. 

 

1. start up script 

<script async src="https://www.googletagmanager.com/gtag/js?id=@googleAnalyticsId"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
        dataLayer.push(arguments);
    }
    gtag(\'js\', new Date());
    gtag(\'config\', \'@googleAnalyticsId\', {
        cookie_domain: \'auto\',
        transport_type: \'beacon\',
        currency: \'MYR\',
        send_page_view: false
    });
    gtag(\'event\', \'page_view\');
</script>

send_page_view 如果没有 set 的话，会自动发一次 page view 哦

 

2. custom event

call 就是 action

gtag(\'event\', \'call\', {
    event_category: \'engagement\',
    event_label: \'phone\'
});

再比如

gtag(\'event\', \'location\', {
    event_category: \'engagement\',
    event_label: \'maps\'
});

 

3. ecoomerce product list view

gtag(\'event\', \'view_item_list\', {
    items: [{
            name: \'Product 1\',
            list_name: \'Category\',
            list_position: 1
        },
        {
            name: \'Product 2\',
            list_name: \'Category\',
            list_position: 2
        },
    ]
});

 

4. product list CTR

gtag(\'event\', \'select_content\', {
    content_type: \'Product\',
    items: [{
        name: el.textContent,
        list_name: \'Category\',
        list_position: index + 1,
    }]
});

 

5. product detail view

gtag(\'event\', \'view_item\', {
    items: [{
        name: productName,
    }]
});

 

6. add to cart 

gtag(\'event\', \'add_to_cart\', {
    value: 100,
    items: [{
        name: productName,
        price: 100,
        quantity: 1
    }]
});

remove from cart

gtag(\'event\', remove_from_cart, {
    value: 100,
    items: [{
        name: productName,
        price: 100,
        quantity: 1
    }]
});

 

7. checkout

gtag(\'event\', \'begin_checkout\', {
    value: 100,
    checkout_step: 1,
    items: [{
        name: \'Product 1\',
        price: 100,
        quantity: 1
    }]
});

next step

gtag(\'event\', \'checkout_progress\', {
    value: 100,
    checkout_step: 2,
    items: [{
        name: \'Product 1\',
        price: 100,
        quantity: 1
    }]
});

next step

gtag(\'event\', \'checkout_progress\', {
    value: 100,
    checkout_step: 3,
    items: [{
        name: \'Product 1\',
        price: 100,
        quantity: 1
    }]
});

 

8. purchase

gtag(\'event\', \'purchase\', {
    transaction_id: \'SO-001\',
    value: 100,
    shipping: 20,
    items: [{
        name: \'Product 1\',
        price: 100,
        quantity: 1
    }]
});