はじめに
https://zenn.dev/kameoncloud/articles/a44fec324cfb3f
最近上の記事を読みました。このサイトでもアクセス状況収集のためにGoogle Analyticsを利用していますが、同意画面を用意していませんでした。 この実装および実行によるパフォーマンスの低下をCloudflareに委譲できるということで試してみます
Zaraz有効化
https://developers.cloudflare.com/zaraz/get-started/add-tool/
有効化自体は非常に簡単に行うことができました。Cloudflareコンソールを開き、左のサイドバーから「Zaraz」->「Tools Configuration」へ移動します
Google Analytics 4をクリックするとセットアップ画面が表示されるので、「Continue」を押します
次に与える権限についての画面が出てきます。詳細を確認していないので分かっていないのですが、今回はデフォルトのまま進めたのでそのまま「Continue」を押します
このあたりの話なのかな~と思ってます(読んでない)
https://developers.cloudflare.com/zaraz/advanced/load-custom-managed-component/#configure-a-managed-component-in-cloudflare
Tool Nameはお好きなものを、Measurement IDには自身のものを入力してください。
私は追加の設定としてオリジンのIPアドレスを提出させない設定を追加しました
もろもろの設定が完了したら、「Save」を押します。この時点でページを確認すると、Cloudflareが挿入したと思われるscriptタグが増えていました
大体正しく動作していそうなことが分かったので、もともと設定していたスクリプトタグを削除します
https://github.com/tunamaguro/blog/pull/70/commits/18ea75e76f19fa5e4998e3251abd242116bc9561
最終的には次のようなスクリプトが挿入されていました
この状態でアクセスしてみたところ次のようにCloudflareからもGoogle Analyticsからも問題なくアクセスを認識できているようです
また、Google Analyticsのスクリプトを読み込まなくなっており若干ですがパフォーマンスの向上が期待できます
- Zaraz前
- Zaraz後
終わりに
この後追加で同意画面を加える作業をしましたが、はじめに貼ったリンクの通り作業をしただけなので割愛します