web-dev-qa-db-ja.com

Googleタグマネージャーに含まれているGoogleアナリティクススニペットで直帰率を調整するsetTimeoutイベントを実装するにはどうすればよいですか?

ウェブサイトでこのGoogleタグマネージャー(GTM)コードを使用します。

<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].Push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','XXX-XXXXXX');
</script>

このコードを統合するにはどうすればよいですか

setTimeout("gtag('event', 'adjusted bounce rate', {'event_label':'more than 15 sec'})",15000 );"

それに?

または、ユーザー定義のHTMLとして、GTMバックエンドと統合できますか?

1
helmut

タイマートリガーを使用してイベントタグを呼び出すことにより、GTM内でこれを完全に行うことができます。

(JavaScriptでsetTimeoutを使用するか、カスタムHTMLタグを介して挿入して、15秒後にカスタムイベントをdataLayerにプッシュし、そのイベントを監視するトリガーを使用することもできますが、このメソッドよりも利点はありません。特に、誰かがあなたのページを開いてからブラウザーの別のタブに移動すると、15秒はsetTimeoutかGTM Timerのどちらであるかをカウントダウンし続けるように見えます。このイベントによってバウンスと非バウンスの違いが生じるのは、必ずしもページで15秒全体を費やしているわけではなく、閉じていないだけです。)

Piece 1:GTMトリガーのセットアップ

GTMで、タイマータイプの新しいトリガーを作成します。イベント名は好きなものにすることができます。間隔を15000に、制限を1に設定し、すべてのページで動作させるには、有効化条件を「ページURLが/」に設定します。

screenshot of GTM trigger setup

トリガー自体にも名前を付けて保存します。

Piece 2:GTMタグのセットアップ

トリガーは、タグを添付するまでGAに影響しません。

タグタイプはGoogle Analyticsで、イベントのトラックタイプがあります。カテゴリ、アクション、ラベルに好きなものを入力します。

ここで重要なのは、非対話ヒットがFalseに設定されていることです-幸いなことにFalseがデフォルトです。 Trueに設定すると、イベントは直帰率に影響を与えません(これは基本的に非対話ヒットの定義です)。

screenshot of GTM tag setup

タグ設定の下の「トリガー」セクションで新しいトリガーを選択し、タグに名前を付けて保存します。

GTMタグとトリガーを作成したら、GTMでプレビューし、ページの読み込みから15秒後にタグが起動することを確認できます。プレビューからのデータはGAにも表示されるので、リアルタイムレポートで確認できます(自分がフィルターをかけているビューにいない限り)。

1
Reve