68 人が現在オンライン
68 人が現在オンライン
Google アナリティクスの Google タグマネージャを含む計測の設定やトラブルシュートなどについて、ユーザー同士で意見交換ができます。解析を通して浮かんだ質問やアイディアを投げかけ合ってより知識を高めていきましょう。
ガイドを表示
star_border
返信

タグマネージャーのトリガー「カスタムイベント」の使い方について

中級者 ✭ ✭ ✭

Googleアナリティクスの特定のタグを発火する際に、諸事情により「カスタムイベント」を発生させて、それをトリガーにしようと考えています。

 

これまで、エンジニアの人に頼んでいたのですが、自力で行うしか都合がつかなくなってしまい、見よう見まねで設定をしていましたが、動作しません。。

 

<script>dataLayer.push({ event: 'aaa'});</script>

 

上記のタグを任意の箇所に設置をして、GTM内のトリガーにて

 

「カスタムイベント」=aaa

 

とセットすれば動くと思っていましたが、動かない状況です。

 

 

シンプルな記述ですが、何か間違いがございますでしょうか。。

 

お忙しい中、大変恐れ入りますが、

ご指摘頂けますと幸いです!

1 人のエキスパートが返信verified_user

受理された解決策
ベストアンサーのマーク済み.
解決策
トピック作成者gaBigginerさんが付与
1 週間

Re: タグマネージャーのトリガー「カスタムイベント」の使い方について

中級者 ✭ ✭ ✭

こんにちは。
Javascriptでは大文字と小文字を区別しますので、正確には以下のようになるかと思います。

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({'event': 'aaa'});
</script>

 

デバッグ時にはGTMのプレビューモードが便利です。
プレビューモードを起動したうえで左側のイベント一覧に「aaa」があるかどうかを確認してみてください。
aaaがない場合は設定されているコードが誤っている可能性があります。
aaaが存在しているのにタグが発火していない場合は、aaaイベント時のタグの詳細を確認し、トリガーが動作しているかを確認する、という手順となるかと思います。

元の投稿で解決策を見る


すべての返信

Re: タグマネージャーのトリガー「カスタムイベント」の使い方について

Ray
レジェンド
gaBigginerさん、こんばんは。

ご質問拝見しました。
datalayer.pushはdatalayer = [{ }];で記述されたものに対して追加で送信する場合の記述方法であり、最初から.pushで記述を行ってしまうと正常に動作しません。
以下のような記述だといかがでしょうか?

&lt;script&gt;
window.datalayer = window.datalayer || [];
datalayer.push({ event: 'aaa'});
&lt;/script&gt;

参考になりましたら幸いです。
よろしくお願いします。
Ray お役に立てましたら、いいねや解決済みマークを押していただけると幸いです!

Re: タグマネージャーのトリガー「カスタムイベント」の使い方について

中級者 ✭ ✭ ✭
ありがとうございます!!
具体的にお教えを頂けまして、大変ありがたいです。。。

本当にありがとうございました!!

Re: タグマネージャーのトリガー「カスタムイベント」の使い方について

中級者 ✭ ✭ ✭
すみません。。
やはり動きませんでした…。

シンプルに設置をするだけで動くと思ったのですが、色々なサイトで試してみても動かないみたいです。。
エンジニアに対応してもらって動いている他のサイトを見ても、同じ記述のようなのですが。。

些細なことだと思いますが、やはり技術者の方に聞かないと難しいみたいですね。。

Re: タグマネージャーのトリガー「カスタムイベント」の使い方について

Ray
レジェンド
ご確認ありがとうございます。
実際のソースを提示いただくことは可能でしょうか?
全体を拝見すれば、もう少し詳しい回答できるかもしれません
Ray お役に立てましたら、いいねや解決済みマークを押していただけると幸いです!
ベストアンサーのマーク済み.
解決策
トピック作成者gaBigginerさんが付与
1 週間

Re: タグマネージャーのトリガー「カスタムイベント」の使い方について

中級者 ✭ ✭ ✭

こんにちは。
Javascriptでは大文字と小文字を区別しますので、正確には以下のようになるかと思います。

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({'event': 'aaa'});
</script>

 

デバッグ時にはGTMのプレビューモードが便利です。
プレビューモードを起動したうえで左側のイベント一覧に「aaa」があるかどうかを確認してみてください。
aaaがない場合は設定されているコードが誤っている可能性があります。
aaaが存在しているのにタグが発火していない場合は、aaaイベント時のタグの詳細を確認し、トリガーが動作しているかを確認する、という手順となるかと思います。

Re: タグマネージャーのトリガー「カスタムイベント」の使い方について

トップコントリビューター
ちなみに、どういったタイミングでタグを発火させようとしていますか?
ページを開いたとき、に発火させるなど、デフォルトのトリガーが存在するなら、それを使うべきなので、「諸事情」の部分を教えていただけると、そもそもカスタムイベントを使う必要がなくなるかもしれません。

Re: タグマネージャーのトリガー「カスタムイベント」の使い方について

中級者 ✭ ✭ ✭
ぶじ解決しました!!
※datalayerがdataLayerと、Hiro-Tさまのご指摘の通りLを大文字にするのみで大丈夫でした!
ご丁寧に本当にありがとうございました!!

Re: タグマネージャーのトリガー「カスタムイベント」の使い方について

中級者 ✭ ✭ ✭
ありがとうございます!
ご指摘の通り、datalayerをdataLayerにするのみで動きました!!
本当にシンプルなことで動かないのですね。。勉強になりました。

よろしくお願い致します!

Re: タグマネージャーのトリガー「カスタムイベント」の使い方について

中級者 ✭ ✭ ✭
いつもご丁寧にありがとうございます!
実は、Eコマースタグが動かないサイトのテスト段階で、PVベースでカスタムイベントを発火せて色々テストしたい、といった段階でそこでもつまづいてのご質問でして。。
実際の実装では、正しくEコマース用のデータレイヤー変数定義の中に組み込む予定でございます!

ただ、それらを踏まえてすべて解決しました!
ありがとうございます!
このトピックのエキスパート
山田 良太