Snow Monkey Footer CTA にイベントトラッキング用タグを入れたい

0
いいねをした人: 居ません
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #93819
    ドットワン合同会社
    参加者
    16

    【お使いの 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イベントトラッキング用タグを入れたいです。

    タグ内に記述するフックはありますでしょうか?

    他の方法でいいやり方がありましたら教えてください。

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

    0
    いいねをした人: 居ません
    #93880
    アバター画像キタジマ タカシ
    参加者
    2371
    #93899
    ドットワン合同会社
    参加者
    16

    キタジマさん、ご返答ありがとうございます。

    ご案内いただきましたように、Snow Monkey Footer CTAではなく スマホ固定フッター を利用するとaタグ内に入れられるということでしょうか?

    また、入れたいタグはイベントトラッキング用に下記onCickタグを入れたいです。説明が足らず失礼いたしました。

    onClick=”ga('send','event','tel-footer','tel-tap’,'footer’);"
    

    更にご質問ですみませんが、Snow Monkeyでイベントトラッキング用タグを入れるのは初めてで、aタグにこちらを入れれば計測できるでしょうか?

    ほかにjsファイルの用意は必要でしょうか?

    お手数をお掛けします。よろしくお願いいたします。

    0
    いいねをした人: 居ません
    #94081
    アバター画像キタジマ タカシ
    参加者
    2371

    ご案内いただきましたように、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 を仕込むことができます。

    1
    いいねをした人:
    #94270
    ドットワン合同会社
    参加者
    16

    キジマさん、ご返信ありがとうございます。

    知識不足で、aタグにgaタグを入れないと計測できないと思っておりました。

    詳しく教えて下さったおかげで理解できました。

    こちらのページも参考に、jsファイルを作成しjQueryを使ってGoogle Analyticsのイベントトラッキングを設定しました。

    ありがとうございました。

    0
    いいねをした人: 居ません
    #94271
    ドットワン合同会社
    参加者
    16

    解決しましたので、トピックを閉じさせていただきます。

    今後も分からないことをお聞きすることがあると思います。どうぞよろしくお願いいたします。

    1
    いいねをした人:
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • トピック「Snow Monkey Footer CTA にイベントトラッキング用タグを入れたい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。