GoogleTagManagerから画面追従バナーをサイトに追加する方法｜and_a
今回はそれの亜種ということでカスタムHTMLを利用して「PCとSPで画像の切り替えが行われる画面追従バナー」をサイトに設置してみたいと思います。 期間限定でのキャンペーンページへの誘導などに利用できるかと思いますので、もしよかったら利用してみてください。 前提条件 ・サイトにGTMが設置されていて、稼働していること ・GTMの編集権限を持っていること カスタムHTMLについて 以下が今回のカスタムHTMLとなります。 前回と同様、以下のコードをWebサイトに合わせて調整を行なった後、追従バナーを出したいページでカスタムHTMLを発火させる形となります。 <script> !function(html){ var imageURL = 'https://placehold.jp/200x100.png', spImageURL = 'https://placehold.jp/300x50.p
サイト改修を行わずにGoogleTagManagerのカスタムイベントを導入する方法｜and_a
最近では、GoogleTagManager(以下、GTM)を利用しGoogleAnalyticsを導入したり、効果測定のためのタグを導入したりなどは一般的になったかと思います。ですが、GTMから提供されている機能内では要望を満たせないケースも同時に増えてきていると思います。 例えば、 ・URLが変わらないフォームのトラッキング ・成果測定の際に注文IDが必要となる ・ページ遷移の際に再ロードがされないサイト(Pjax) ・シングルページアプリケーション(SPA) ・独自のイベントをコンバージョンとしたい(サイト内で特定の行動をとった場合、など) など、よく見かけるケースかと思います。 このような場合に「カスタムイベント」を利用することで、「何か値を伴った、独自のトリガーを作成することが可能」となるため、それを利用して上記のような場合にも対応ができるようになります。 ただ、便利なカスタムイベ
無料でGoogleTagManagerからサイトにアンケートフォームを追加する方法｜and_a
今までnoteで何度かに渡ってお送りしてきたGoogleTagManager(以下GTM)を利用して一風変わった実装を行っているシリーズですが、 今回は「GoogleAnalytics(以下GA)に回答結果をイベントとして送信するアンケートフォーム」を作成しました。 過去のGTM活用テクニックはこちらから▼ サイトでアンケートを取得できるようにする埋め込み系のサービスはそれなりにありますが、 このタグはand,a独自で作成したものとなっていて、"完全に無料で利用が可能"です。 改善施策の提案や、自社サイトで利用してみてください。 前提条件 ・サイトにGTMが設置されていて、稼働していること ・GTMの編集権限を持っていること カスタムHTMLについて 以下が今回のカスタムHTMLとなります。 <script type="text/javascript" src="//and-aaa.com
緊急のお知らせポップアップをGoogle Tag Managerのみで無料で利用する方法｜and_a
新型コロナウイルスの感染が拡大している現在、Webサイトに緊急のお知らせなど追加したいと考えているWeb担当者の方もいらっしゃると思います。 そのような方に対し、Google Tag Manager(以下GTM)からサイトに変更を加える事なく、ポップアップ形式でのお知らせを追加できるカスタムHTMLを作成しましたので、こちらの説明をさせていただきます。 何かお役に立てるようでしたら幸いです。 前提条件 ・サイトにGTMが設置されていて、稼働していること ・GTMの編集権限を持っていること 1. カスタムHTML 以下がカスタムHTMLとなります。 基本的にはWebサイトに合わせて、URLやテキストの変更をした後カスタムHTMLとしてGTMに追加した後、ポップアップを出したいページでカスタムHTMLを発火させるだけです。 <script> (function() { var o = docu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
