アナリティクスのイベントに関する変更点と移行方法

アナリティクスの概要

アナリティクスのgtagの変更点の概要

1.headerタグに貼り付けるタグの変更

▼analytics.js

    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                                })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-XXXXXXXXX-1', 'auto');
        ga('send', 'pageview');

    </script>

▼gtag.js

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXXXXX-1');
</script>

gtag('config', 'UA-XXXXXXXXX-1', { 'send_page_view': false });

2.何も記述しなくてもPVは送信される

3.イベントはデフォルトの設定が用意されている

アナリティクスで推奨されるエベントとパラメータ

イベント名	パラメータ	送信されるタイミング
add_payment_info	–	ユーザが課金情報を追加したとき
add_to_cart	value、currency、items	ユーザーがカートに商品を追加したとき
add_to_wishlist	value、currency、items	ユーザーがほしいものリストに商品を追加したとき
begin_checkout	value、currency、items、coupon	ユーザーがご購入手続きを開始したとき
checkout_progress	value、currency、items、 　　　　　　　　　　　　　　　　　　　　　　　 coupon、checkout_step、checkout_option	ユーザーがご購入手続きを完了したとき
exception	description、fatal	エラーが発生したとき
generate_lead	value、currency、 transaction_id	–
login	method	ユーザーがサイトにログインしたとき
page_view	–	ユーザがウェブページを読み込んだとき。
purchase	transaction_id、value、 currency、tax、shipping、 items、coupon	ユーザーが購入を完了したとき
refund	transaction_id、value、 currency、tax、shipping、 items	商品が払い戻されたとき
remove_from_cart		ユーザーがカートから商品を削除したとき
screen_view	screen_name	ユーザーが新しい画面や新しいコンテンツを読み込んだとき。
search	search_term	ユーザーがサイトを検索したとき
set_checkout_option	checkout_step checkout_option	ユーザが、特定のご購入手続き手順のオプション値を選択したとき
share	method、content_type、 content_id	ユーザーがコンテンツを共有したとき
sign_up	method	ユーザーが Google アカウントやメールアドレスなどの方法で登録したとき
timing_complete	name、value	時間指定アクティビティが完了したとき
view_item	items	ユーザーが商品または商品の詳細を表示したとき
view_item_list	items	ユーザーが商品のリストを表示したとき（インプレッション）
view_promotion	promotions	ユーザーが内部プロモーションをクリックしたとき
view_search_results	search_term	ユーザーが検索結果を表示したとき

gtag.js イベント リファレンスとパラメータ リファレンス

4.クリック計測方法の変更

▼analytics.js

<a href="http://aaa.com/" onclick="ga('send','event','カテゴリ','アクション','ラベル');">クリックしてね</a>

▼gtag.js

<a id="link" href="http://aaa.com/" onclick="gtag('event', 'アクション', {'event_category': 'カテゴリ','event_label': 'ラベル'});">クリックしてね</a> 

gtag('event', 'login', {
  'event_category': access,
  'event_label': AAA
});

旧タグから新タグへの移行方法

▼移行前

    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                                })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-XXXXXXXXX-1', 'auto');
        ga('send', 'pageview');

    </script>

▼移行後

<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-XX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());
gtag('config', 'UA-XXXXXXXXX-1');

まとめ