Google AnalyticsをCloudflare Zarazで使えずに困った話
Google AdSenseでテキストリンクの広告が表示できるようになりました。
以前からあったバナー広告では、除外エリアの設定ができたので、スクロールをきっかけにGoogle AdSenseを読み込ませても、ファーストビューに広告を表示させなければ問題はありませんでした。
しかし、除外エリアの設定がないテキストリンクの場合は、スクロールと同時にファーストビュー内のテキスト広告が表示され、読者に対してよろしくない状況を作ってしまいます。スクロールで遅延読み込みをさせるのを辞め、推奨の方法で読み込ませてPageSpeed Insightsで測定すると、あまり速度が下がらないことが分かりました。
理由を明確に説明したいと思い、何度も測定をしたのですが、現状では明確な理由がわかりません。モバイルの測定結果が90点くらいなので、Google AnalyticsとGoogle AdSenseを推奨の方法で読み込ませても構わないと思いました。
Cloudflareを使っているならZarazがある
このブログは無料で使えてセキュリティ保護に効果が有り、読み込みの速度アップにもほんの少しは効果の有るCloudflareを利用しています。アクセスの少ないこのサイトでは、自己満足以外のメリットはないのかもしれませんが、トラブルなく使えているので良しとします。そのCloudflareの機能でZarazというJavaScriptを高速に読み込ませる仕組みが有ります。
Cloudflare Zarazについて
Cloudflare Zaraz は、Cloudflare が提供するウェブパフォーマンスとセキュリティを向上させるためのサービスで、主にウェブサイトで使用されるサードパーティスクリプトの管理を効率化するためのツールです。従来、これらのスクリプトはブラウザ上で直接実行されるため、ページの読み込み速度やパフォーマンスに影響を与えることがありました。Zaraz はこれらのスクリプトをクラウド側で処理することで、パフォーマンスの向上やセキュリティリスクの軽減を実現します。
Cloudflare Zaraz の特徴
- パフォーマンスの向上
Zaraz は、サードパーティスクリプトをクラウド側で実行するため、ウェブページの読み込み速度が大幅に改善されます。これにより、ユーザー体験が向上し、SEOにも良い影響を与えます。 - セキュリティの強化
Zaraz を使用すると、サードパーティスクリプトが直接ブラウザで実行されることを防ぎ、潜在的なセキュリティリスクを軽減します。また、Cloudflare のセキュリティ層の恩恵を受けることができます。 - データプライバシーの向上
Zaraz は、サードパーティスクリプトが収集するデータを制御できるため、データプライバシーの向上にも寄与します。GDPR などの規制に準拠しやすくなります。 - 集中管理
Zaraz を使うことで、Google Analytics、Facebook Pixel、広告ネットワークなどのサードパーティツールを一元管理できます。設定やトラッキングの変更が簡単になります。
Google Analyticsのアクセス数が０
設定方法は簡単で、「G-」で始まるAnalyticsの測定IDを入力し、Zarazを有効化するだけです。以前、試しに利用したことが有ったので、細かい確認をせずに数日経った後、Analyticsを見るとアクセス数が0の日が続いています。Zarazが上手く動いていないことは確実です。
サイトを確認するとZarazによって出力されるJavaScriptが存在しません。以前の経験では</head>の直前に出力されてしたように思うのですが。調べるとZarazのFAQ（https://developers.cloudflare.com/zaraz/faq/）の中に下記の記載が有りました。
- Zaraz を実行しているドメインはCloudflare によってプロキシされている。
- Zaraz 設定で自動挿入が有効になっている。
- ウェブサイトの HTML は有効であり、
<head></head>タグが含まれる。 - Zaraz には、有効なツールが少なくとも1 つ設定されている。
<head></head>タグが無かったことが原因でした。headタグは書かなくても特定の場合を除いて問題がありません。ブラウザ側で自動で書き足してくれるので記述しなくても良いのです。他にも省略できるHTMLのタグは存在し、省略することで軽量化・高速化の役に立ちます。Zarazを使うときはheadタグの省略はできないというお話でした。
最後までお読みいただき、誠にありがとうございます。