2016-06-24 17 views
2

私はcodiva.io a java ide for studentsの開発者です。私はcodemirrorエディタを使用しています。 編集内容(最後の編集後の一時停止またはタイムアウト)を追跡したいとします。 以前はGoogleアナリティクスを使用していましたが、イベントではga.send()を使用します。今、Googleのタグマネージャを使用しています。クリックや他のイベントのために、タグマネージャのUI自体を使用して設定できるようです。 タグマネージャでは、このための実装トラッキングの仕組みを見つけることができません。Googleタグマネージャのカスタムイベントトラッキング

Codemirrorは、変更時にイベントを生成します。各編集時に、以前のタイマーをクリアし、200ms後に実行するタイムアウトトリガーを設定します。 (コンパイルは、この時点でのダイビングとなり、わたしは、このイベントが発生した回数を追跡して確認する)

+0

あなたの試行したコードサンプルで質問を補足してください。 – nyuen

+0

Google検索でタグマネージャのカスタムトラッキングを実装する方法に関するドキュメントが見つかりませんでした。ポインタがあれば助けになります。 – JackDaniels

答えて

5

私が正しくあなたを理解していれば:

を使用して、カスタムイベントをプッシュしているし、イベントを変更しますdataLayerへ:

dataLayer.push({event:'compile'}); 

はその後、「コンパイル」とあなたはGAのタグテンプレートあなたを使用する場合(Googleアナリティクスイベントのトラッキングタグを発射するためにそれを使用するタイプの「カスタムイベント」の引き金、設定したイベント名を作成ドロップダウンでヒットタイプを選択できます)。

dataLayerの「プッシュ」メソッドはネイティブ配列メソッドではなく、GTMコードによる特別な実装です。 GTMはこれを使用してdataLayerの変更を監視し、「イベント」キーワードは内部データ構造を更新してタグやトリガーで新しい値を利用できるようにします。あなたはその後、「dataLayer」タイプの新しい変数を作成し、アクセスしたいキーの名前を入力します

dataLayer.push({ 
    event:'compile', 
    eventCategory:'myCategory', 
    eventAction:'myAction', 
    .... 
}); 

:あなたはまた、などeventCategoryとして使用されるデータを渡すことができ、同じプッシュで

。この変数をGaタグで使用するには、autosuggestリスト(eventCategoryなどのフィールドの右にあるアイコンをクリックした場合)または{{myVariableName}}などの中括弧で変数名を入力するか、 。

dataLayerの「イベント」キーワードは、イベントトラッキング(および他のタグ)をトリガーするために使用できるという点を除いて、Googleアナリティクスのイベントには関連しません。 「イベント」は、データが更新され、タグが新しいデータにアクセスできるようにするためのGTMのキーワードに過ぎません。

+0

ありがとうございます。 dataLayerはGTMスクリプトが含まれているときに作成されるグローバル変数ですか、作成する必要がありますか? – JackDaniels

+0

dataLayerはGTMによって作成されたものです。ページビューでアクセスする必要がある値(GTMタグが最初に実行されるとすぐに)が必要な場合は、GTMタグの前に宣言できます。 devガイドの詳細:https://developers.google.com/tag-manager/devguide –

+0

イベントアクション、イベントカテゴリなどをどのように指定しますか? – JackDaniels

関連する問題