- このトピックには5件の返信、2人の参加者があり、最後に
により2年、 11ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】15.17.0
【お使いの Snow Monkey Blocks のバージョン】13.7.0
【お使いの Snow Monkey Editor のバージョン】6.2.1
【お使いのブラウザ】chrome
【当該サイトのURL】https://teddy-tokyo.com/### 実現したいこと
Footer CTA タグ内にGAイベントトラッキング用タグを入れたいです。
他の方法でいいやり方がありましたら教えてください。
よろしくお願いいたします。
いいねをした人: 居ませんキタジマさん、ご返答ありがとうございます。
ご案内いただきましたように、Snow Monkey Footer CTAではなく スマホ固定フッター を利用するとaタグ内に入れられるということでしょうか？
また、入れたいタグはイベントトラッキング用に下記onCickタグを入れたいです。説明が足らず失礼いたしました。
onClick=”ga('send','event','tel-footer','tel-tap’,'footer’);"更にご質問ですみませんが、Snow Monkeyでイベントトラッキング用タグを入れるのは初めてで、aタグにこちらを入れれば計測できるでしょうか？
ほかにjsファイルの用意は必要でしょうか？
お手数をお掛けします。よろしくお願いいたします。
いいねをした人: 居ませんご案内いただきましたように、Snow Monkey Footer CTAではなく スマホ固定フッター を利用するとaタグ内に入れられるということでしょうか？
あ、すみません、わかりにくかったですね…。
Footer CTA にしろフッター固定ナビゲーションにしろ、
onClick属性を管理画面から設定できる機能はありません。onClickを実行できるようにする方法は下記の2通りが考えられます。## JavaScript を使う
HTML タグに
onClick属性を追加するのも、JavaScript ファイルでElement.addEventListener( 'click', ..., true )を実行するのも全く同じことになります。HTML を改変せずに WordPress の標準的な方法（wp_enqueue_script()）で JavaScript を追加するだけで実現できる（当然 Snow Monkey 以外のテーマでもできます）ので、お手軽かつメンテナンスコストが低いです。## Snow Monkey のフィルターフックで HTML を書き換える
snow_monkey_template_part_renderフックを使って HTML を書き換えることでonClick属性を追加する方法です。フックの知識が必要で、もし Snow Monkey のアップデートで HTML 構造が変わったときに書き換えが効かなくなるという可能性もあるので、JavaScript を使う方法よりは難易度が高いです。—
先のトピックでは前者の方法をとっています。Footer CTA であれば
// プライマリーボタン用 document.querySelector('.p-footer-cta__primary-btn').addEventListener('onclick', ...);とか
// セカンダリーボタン用 document.querySelector('.p-footer-cta__secondary-btn').addEventListener('onclick', ...);の JavaScript で
onClickを仕込むことができます。いいねをした人:
- トピック「Snow Monkey Footer CTA にイベントトラッキング用タグを入れたい」には新しい返信をつけることはできません。