Javasciptの書き方

Question

よろしくお願いいたします。

document.getElementById('main').getElementsByClassName('on')[0].textContent;

上記Javasciptを、
Yahooタグマネージャーというシステムで使用しています。

これをGoogleタグマネージャーで使用する場合、
どのように書けば良いでしょうか？

「STEP4」という文字のClassがONになっていたら、反応する。

と、言うものになります。

Answer 1

mainというidがついている要素の中のonクラスがついた要素の0番目なら
普通は

document.querySelector('#main .on').textContent; 

Comments

[yambejp]

ただし、これが「Googleタグマネージャー」で有効かどうかはわかりません。
#mainや.onが存在しないときなど例外処理がどうされるかもわかりません

[Micheal]

なるほどー

querySelectorというものがあるのですね。

下記に詳しく書いてましたので、一度、これを試してみます。

https://www.sejuku.net/blog/70581

Answer 2

これをGoogleタグマネージャーで使用する場合、
どのように書けば良いでしょうか？

質問の内容がイマイチ分かりづらいのでもう少し詳細を教えてください。
どの場面で書くことを想定されてますでしょうか？
カスタムHTML内でしょうか？ それともカスタムjavascriptでしょうか？

「STEP4」という文字のClassがONになっていたら、反応する。
と、言うものになります。

おそらくカスタムjavascriptで変数を設定してトリガーに紐付けるイメージであってますか？

あと、参考程度に書籍があるので共有します。

参考書籍：実践Googleタグマネージャー入門書

Comments

[Micheal]

カスタムJavascriptと考えています。
書籍は存じてます。

[hiroo_mokumoku]

カスタムjavascriptで書く場合は下記となります。

// カスタムjavascript
fuction(){
var text = document.getElementById('main').getElementsByClassName('on')[0].textContent;
return text;
}

あとはトリガー設定を
カスタムjavascript変数名　含む　STEP4
にすればSTEP4の文字が含まれているときに発火するかと思います。