(PhotoShop)Ubuntuプロフなぜ時間をかけてブログを書く価値があるのか?正しい日本語を扱えるようにする。誤字、ご変換、誤用がない文章を書けるようにする。自然にすっと浸み込むように相手に伝わる文章。コンサルタントとして大成功するまでにさまざまな挫折を味わっている。膨大な会社を黒字化してきた。今は、どんな会社でもこの人にかかれば黒字になる。Googleタグマネージャで、LPのスクロール率を計測する方法ツイートシェアGoogle+はてブ2PocketGoogleアナリティクス(GA)の便利なプラグインについてご紹介します。GAは、標準でページのスクロール到達率が把握できません。このプラグインを使うと、ページのスクロール到達率がわかるようになります。GAでの設定サイトは、本家サイトや、いくつか解説されているサイトがありますので、今回は、Googleタグマネージャで管理する方法を紹介します。Googleタグマネージャって何?って方は、過去の記事をご覧ください。何が計測できるのか?ページスクロールに関して、以下の2点を確認できます。・ページの到達時間ページ到達状況を把握できるベースラインに対して、ページのどのあたりまで(ベースライン⇒25%⇒50%⇒75%⇒100%)、どのくらいのユーザーが進んでいるかを確認することができます。下の例では、ベース(26件)に対して、100%の位置(最後)まで到達したのは7件となります。ページの到達時間を把握できるそれぞれの到達部分まで(25%、50%、75%、100%)平均で何秒かかっているか確認できます。下の例だと、100%まで平均17秒で到達しています。各要素までの到達率が計測できるみたいですが、今回は基本的な事項を設定します。以下のサイトから、「jquery.scrolldepth.min.js」を入手します。ダウンロードボタンから対象ファイルを任意のディレクトリに保存します。scrollingscrolldepth.parsnip.io/2.サイト(HTML)へのタグの埋め込みまずは、HTMLのhead部分に以下のスクリプトタグを埋め込みます。jQueryはすでに導入されていれば、不要です。src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>“js/jquery.scrolldepth.min.js”の部分は、「jquery.scrolldepth.min.js」が格納されているファイルパスを指定してください。このScriptは、カスタマイズサンプルです。-->Googleタグマネージャの基本タグはすでに設置されていることが条件です。今回使用する、データレイヤー変数を取得するマクロ作成します。}}は不要){{eventCategory}}{{eventAction}}{{eventLabel}}{{eventValue}}{{eventNonInteraction}}{{eventTiming}}データレイヤーバージョン:2例として、{{eventCategory}}を作成する場合は以下の画像となります。4.Googleタグマネージャ:ルール作成2種類のルールを作成します。・イベント発動:ScrollDistance・イベント発動:ScrollTimingイベントのルール「イベント発動:ScrollDistance」の設定は、以下の画像の通りです。Depth)が発生させるイベントをキーとしたルールを作成します。イベントのルール「イベント発動:ScrollTiming」の設定は、以下の画像の通りです。Depth)が発生させるイベントをキーとしたルールを作成します。5.Googleタグマネージャ:タグ作成2つのルールで発動する2種類のタグを作成します。(名称は任意で整理しやすいもの)・E1_ScrollEvent・T1_ScrollTimingイベントのタグ「E1_ScrollEvent」の設定は、以下の画像の通りです。作成したルールとマクロをひも付けます。カスタム速度のタグ「T1_ScrollTiming」の設定は、以下の画像の通りです。作成したルールとマクロをひも付けます。6.動作&計測確認Googleタグマネージャのデバッグモードにします。操作は、「ドラフトコンテナ>サマリー>プレビュー>デバッグ」から実行します。該当のページを開いて、画面下部にGTMのステータス画面が表示されます。ページをスクロールすると、タグが飛びます。発動タグをクリックし、該当のGTMタグ名をクリックします。as:」を「Value」に変更することでイベントラベルを確認できます。Googleアナリティクスのリアルタイムイベントで計測確認します。イベント」を開きます。Depth)をクリックし、イベントラベル(25%)を確認してください。Googleタグマネージャのデバッグモードで問題ないようでしたら、必ず、バージョン作成→公開を行ってください。第一線で活躍する父が、来年社会人になる息子に送るメッセージRECOMMENDこちらの記事も人気です。2014.1.6GAチェッカー。2013.12.18当サイト11月のアクセス数を公開。【配布】ブラッディマンディの壁紙(ファルコン)を作りました。(14日間)懐かしの「N64風来のシレン2」をPCで遊んでみた。ツール使ったらすごいことに。(14日間)【2019年フルグラ15種類比較】【フルグラの魅力】朝食にフルーツグラノーラを7年間続けて、その魅力について語る。(14日間)【めっちゃ学べる!!】ビジネス書のコミック版の厳選47冊の解説。まんが恐るべし!人生が広がる仕事に役立つ。【めっちゃ学べる!!】ビジネス書のコミック版の厳選47冊の解説。まんが恐るべし!人生が広がる仕事に役立つ。カラーミーショップで独自ドメインとのクロスドメイントラッキングをする方法2019.02.19Twitterやってます。【配布】ブラッディマンディの壁紙(ファルコン)を作りました。(14日間)懐かしの「N64風来のシレン2」をPCで遊んでみた。ツール使ったらすごいことに。(14日間)【2019年フルグラ15種類比較】【フルグラの魅力】朝食にフルーツグラノーラを7年間続けて、その魅力について語る。(14日間)【めっちゃ学べる!!】ビジネス書のコミック版の厳選47冊の解説。まんが恐るべし!人生が広がる仕事に役立つ。【めっちゃ学べる!!】ビジネス書のコミック版の厳選47冊の解説。まんが恐るべし!人生が広がる仕事に役立つ。(69)人気の記事です。【配布】ブラッディマンディの壁紙(ファルコン)を作りました。(14日間)懐かしの「N64風来のシレン2」をPCで遊んでみた。ツール使ったらすごいことに。(14日間)【2019年フルグラ15種類比較】【フルグラの魅力】朝食にフルーツグラノーラを7年間続けて、その魅力について語る。(14日間)【めっちゃ学べる!!】ビジネス書のコミック版の厳選47冊の解説。まんが恐るべし!人生が広がる仕事に役立つ。(14日間)あなたにオススメ最近書いた記事です。(PhotoShop)Ubuntuプロフなぜ時間をかけてブログを書く価値があるのか?正しい日本語を扱えるようにする。誤字、ご変換、誤用がない文章を書けるようにする。自然にすっと浸み込むように相手に伝わる文章。コンサルタントとして大成功するまでにさまざまな挫折を味わっている。膨大な会社を黒字化してきた。今は、どんな会社でもこの人にかかれば黒字になる。