考察こんにちは、連クミコです。当サイトでは、GoogleアナリティクスのトラッキングコードやPTengineのトラッキングタグをGoogleタグマネージャを経由させて配信しています。Googleタグマネージャを導入すると「htmlファイルを弄らなくてもタグを追加できる」「解析や広告などの数多のタグを管理しやすい」というメリットの他に、最近Webマスターさん達がとても気にされている「ページの表示速度を改善できる」というメリットもあると言われています。これは、Googleタグマネージャ経由でタグ配信すると「強制的に非同期タグ」として扱われる仕様のためです。Googleタグマネージャ入門Googleタグマネージャは、どんなタグを管理できて、どんなタグは管理できないのでしょうかwebtan.impress.co.jp非同期タグの説明については上記の記事がわかりやすいですが、引用させていただくと同期タグではJavaScriptが読み込まれたら処理が開始され、その処理が完了するまでページの読み込みは止まります。そのため、同期タグでは「JavaScriptが読み込まれたタイミングで確実に処理を開始」することができますが、その半面、ページの表示が遅くなってしまうなどの影響が出ます。逆に、非同期タグの場合はJavaScriptが読み込まれてもそのタイミングでは必ずしも処理を開始しない代わりに、同期タグのようにページの読み込みを止めてしまうことがありません。いうことなので、Googleタグマネージャで配信するタグを強制的に非同期タグにすることにより、ページの表示速度に影響を及ぼすことを回避できるという仕組みです。非同期タグをGoogleタグマネージャ経由で配信する場合でも、その恩恵は受けられるのでしょうか?そこで、2016年10月4日現在、GoogleアナリティクスとPTengineの2種類しか配信していない、当サイトでもページの表示速度が改善されるのか、確かめてみました。timeの平均は「6.81s」でした。timeの平均は「9.54s」でした。timeは、Googleタグマネージャを経由した場合の方が約71%に短縮されています。配信したタグに関連するファイルに絞って、それぞれの所用時間を見てみると、DNSやSSLの処理については、Googleタグマネージャ経由の方が101.2ミリ秒長くなっており、初期接続はほぼ変わらず、最初のレスポンスを受けるまでの待機時間も105.7ミリ秒長くなっていますが、一方、ファイルのダウンロード時間は531.0ミリ秒ほどGoogleタグマネージャ経由の方が短く(約46%に短縮)なっています。タグ別にみると、Googleアナリティクストラッキングコードが「約4%に短縮」、adwordsがCVタグが「約7%に短縮」、PTengineタグが「約70%に短縮」で、Googleアナリティクスだけ利用しているサイトでも十分に表示速度改善の恩恵をうけられる結果となりました。ここで疑問に思ったのが「非同期タグにすることが、ファイルの読み込み時間自体を短縮することにはならないのに、なぜファイルの読み込み時間が短縮されたんだろう?」ということですが、下記の記事にヒントが書かれていました。http://www.seohacks.net/blog/tool/tagmanager_practicaluse1/www.seohacks.netタグマネージャに挿入したスクリプトは、自動的にMinifierで圧縮されるので、挿入タグの大きさ次第でWebページに直接タグを挿入するよりも転送速度の向上が期待できます。Minifierによって読み込まれるファイルが圧縮されたことによって、ファイルの読み込み時間自体も短縮された結果、ファイルのダウンロード時間が大幅に短縮される結果となったのでしょう。情報サイトやオウンドメディアは、それほど多くの広告タグを設置することは稀だと思いますので、ページスピードが改善されるといっても「多くのタグを設置していないのにわざわざGoogleタグマネージャを導入するのは、ちょっと・・・」と悩まれている方もいらっしゃるかと思います。今回「タグ3つ、しかも2つは非同期タグ」でもダウンロード時間が大幅に短縮されるという結果が出たため、上のような理由で導入を見送られていらっしゃる場合は再検討されてはいかがでしょう?ちなみにGoogleタグマネージャは、ページ表示速度面のメリットだけではなく、Googleアナリティクスを使ったサイト解析の設定をする際もとても便利です。詳しくは、以前下の外部サイトで書かせていただいていますので、よかったら合わせてみてみてくださいね。Web制作者必見!Googleタグマネージャーでできる、サイト改善に使えるイベントトラッキング3選Googleタグマネージャー(GTM)は少しとっつきづらいですが、実はNONエンジニアこそ使えた方がよいツールです。元デザイナーが、Googleタグマネージャーでのイベントトラッキングを設定する中で「Webサイト制作をしていた時に知っていれば!」と思った設定を紹介します。@shuhu_marketing関連記事メッセンジャーアプリから訪れたユーザーの参照元ってどうなるの?こんにちは、連クミコです。「参照させてもらっているサイトからは私のこの行動が見えてるんだろうか?」と気になったもので、チャットアプリやメッセンジャーアプリから訪問したユーザーの、Googleアナリティクスでのトラッキングのされ方について調べてみました。続きを読むGoogleアナリティクスのクロスドメイン設定と陥りがちなミスこんにちは、連(むらじ)クミコです。最近「Googleアナリティクスでクロスドメイン設定をしたいんだけど、うまく計測ができない」というご相談を何件か頂いたので、正しいクロスドメイン設定の方法と、陥りがちなミスについてご紹介します。Managerというプラグインでダウンロードボタンを生成している場合、ショートコードで設置するため、「onClick=〜」というスクリプトをそのまま追記する事ができません。そこで、Googleタグマネージャを使う場合、使わない場合で、ダウンロード数を計測する方法を考えてみました。続きを読む極力コードを触りたくない人向け、GoogleタグマネージャでFacebookピクセルを設定する方法こんにちは、連クミコです。Facebook側の操作だけで、Googleタグマネージャ経由のFacebookピクセル配信ができるようになっていましたので、設定方法をご紹介します。本ページではキャプチャを多めにしてみましたので、わからなくなったら、今ご自身がどこまで進められたのか、キャプチャと照らし合わせてみてください。当サイトでは「訪問してくれる方が迷わずサイトを使ってくれているか?」を分析するためにPTengineを導入しています。このPTengineを使い始めたとき「あれ?ヒートマップ使えない?」という事があったので、同じように表示されなくて困っている方は、ぜひ試してみてください。コメントをキャンセルメールアドレスが公開されることはありません。名前メールアドレスサイト上に表示された文字を入力してください。連クミコ広告代理店を経て、メーカーEC運用部門にてサイト構築運用・カスタマーオペレーション・ロジスティクスと広く経験した後、ブランディング及び販促戦略企画に携わり、現在は、フリーランスのWebアナリストをしています。アナリストと言う割には、Googleアナリティクスの隠れ仕様を探す方が好き。「レンさん」と呼ばれるのを密かに気にしています(連と書いてムラジと読みます)。Reserved.WebマーケティングGoogleアナリティクスWordPressカスタマイズ主婦のフリーランスな日常プライバシーポリシ。