Zaraz使ってみた

Zaraz使ってみた 篠田 敬廣 @yukkie1114 1

Cloudflareのストーリーで Zarazを知る 2

Zaraz(ザラズ)とは 3

Zaraz(ザラズ)とは Webサイト • サードパーティーのオフロード • 高速化 • セキュリティ向上 4

• 独自ドメイン • Webサイト運用 5

Zaraz概念図 Cloudflareが色んな処理 をやってくる →セキュア+サイト高速化 6

対応するサードパーティー 用途はGA4やMetaの広告が多いのでは 7

Zarazをはじめるには 8

ZarazをGA4は数ステップ GTMを入力する 9

ZarazでGA4はじめる Pageviewがデフォルト設定で入る 10

ZarazでGA4はじめる 特定イベントの収集 • OS、デバイス • 地域 • ページスククロール • etc GA4の機能だがZarazから設定 できる 11

既にGA4を使用していたら 解析用GTMやタグスクリプトはオフしておく 以下はWordPressのCoccon設定 12

Zaraz導入後の比較 13

Request Map Generator Before After yukkieb log.com こうなる予定だけど上手くいかなかったので調査します 14

PageSpeed Insights Before After 15

ブラウザのリクエスト Before After “s.js”のリクエストが表示される 16

はまったこと 17

Cloudflareのネームサーバーに変更したら • サイトが表示されなくなった →CloudflareのDNSプロキシをオフで解消 • s.jsが表示されなかった →SSL/TLSをフルモードにすると解決 →フルモードにしたことでプロキシをONにしてもサイトが表示 18

サイトが表示されなくなった CloudflareのDNSのプロキシをオフ サイトは表示されるようになるがnslookupでサイトのIPが見えてしまう 19

s.jsが表示されなかった SSL/TLSをオフ→フルに変更 s.jsも表示されてプロキシONでもサイト表示がされる プロキシONでもCloudflareのIPアドレスになった 20

まとめ 21

まとめ • フリープランでもZarazは使える • サードパーティーツールのオフロード • Webサイトのセキュリティ、高速化 • まだベータ版 22