Zaraz使ってみた

3.4K Views

April 29, 23

スライド概要

profile-image

インフラエンジニア

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

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

2.

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

3.

Zaraz(ザラズ)とは 3

4.

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

5.

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

6.

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

7.

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

8.

Zarazをはじめるには 8

9.

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

10.

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

11.

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

12.

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

13.

Zaraz導入後の比較 13

14.

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

15.

PageSpeed Insights Before After 15

16.

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

17.

はまったこと 17

18.

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

19.

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

20.

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

21.

まとめ 21

22.

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