---
title: Zaraz使ってみた
tags:  #cloudflare #zaraz  
author: [しの](https://www.docswell.com/user/3402128)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/4JQXP9R6EP.jpg?width=480
description: Zaraz使ってみた by しの
published: April 29, 23
canonical: https://www.docswell.com/s/3402128/598VDY-2023-04-29-222812
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/4JQXP9R6EP.jpg)

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


# Page. 2

![Page Image](https://bcdn.docswell.com/page/K746YX8ME1.jpg)

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


# Page. 3

![Page Image](https://bcdn.docswell.com/page/LJ1V6N2YEG.jpg)

Zaraz(ザラズ)とは
3


# Page. 4

![Page Image](https://bcdn.docswell.com/page/GJWLW4R1E2.jpg)

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


# Page. 5

![Page Image](https://bcdn.docswell.com/page/4EZM52RXJ3.jpg)

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


# Page. 6

![Page Image](https://bcdn.docswell.com/page/Y76N9VRP7V.jpg)

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


# Page. 7

![Page Image](https://bcdn.docswell.com/page/G755ND8P74.jpg)

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


# Page. 8

![Page Image](https://bcdn.docswell.com/page/9J2N58KZER.jpg)

Zarazをはじめるには
8


# Page. 9

![Page Image](https://bcdn.docswell.com/page/DEYPK6NNEM.jpg)

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


# Page. 10

![Page Image](https://bcdn.docswell.com/page/VJN5RZXV78.jpg)

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


# Page. 11

![Page Image](https://bcdn.docswell.com/page/YE9YMZ8VJ3.jpg)

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


# Page. 12

![Page Image](https://bcdn.docswell.com/page/GE86L1847D.jpg)

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


# Page. 13

![Page Image](https://bcdn.docswell.com/page/LEL9LQRVJR.jpg)

Zaraz導入後の比較
13


# Page. 14

![Page Image](https://bcdn.docswell.com/page/4JMZM1RNEW.jpg)

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


# Page. 15

![Page Image](https://bcdn.docswell.com/page/PJR6VLR479.jpg)

PageSpeed Insights
Before
After
15


# Page. 16

![Page Image](https://bcdn.docswell.com/page/PEXMZWRZ7X.jpg)

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


# Page. 17

![Page Image](https://bcdn.docswell.com/page/3EKG8VRVJD.jpg)

はまったこと
17


# Page. 18

![Page Image](https://bcdn.docswell.com/page/L73N2MGQ75.jpg)

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


# Page. 19

![Page Image](https://bcdn.docswell.com/page/87DWZ61WJG.jpg)

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


# Page. 20

![Page Image](https://bcdn.docswell.com/page/VJP9DYQXE8.jpg)

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


# Page. 21

![Page Image](https://bcdn.docswell.com/page/2EVM1G53EQ.jpg)

まとめ
21


# Page. 22

![Page Image](https://bcdn.docswell.com/page/57GG286Y7L.jpg)

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


