Zaraz を使う前に、ウェブサイトを Cloudflare でプロキシすることを推奨します。詳細は Cloudflare を設定する を参照してください。Cloudflare でプロキシしたくない場合は、Cloudflare でプロキシされていないドメインで Zaraz を使う を参照してください。
Cloudflare ダッシュボードから、新しいサードパーティツールを追加し、ウェブサイトへ読み込めます。
-
Cloudflare ダッシュボードで Tag Setup ページを開きます。
Tag setup を開く ↗ -
すでにツールを追加している場合は、Third-party tools を選び、Add new tool を選びます。
-
ツールカタログからツールを選びます。選択を確定するには Continue を選びます。
-
Set up で、新しいツールの設定を行います。入力する情報は選んだツールによって異なります。動的なプロパティや変数を使いたい場合は、該当フィールド横のドロップダウンメニューで
+を選びます。 -
Actions で、新しいツールのアクションを設定します。Pageviews、Events、E-Commerce のいずれかを選べます 1。
-
Save を選びます。
Zaraz は、イベント、トリガー、アクションに基づいて、ウェブサイトに必要なツールをいつ読み込み、どのアクションを実行するかを決めます。Zaraz の設定方法と開始点は、使いたいツールによって大きく変わります。Automatic Actions に対応したツールでは、この作業の大半は自動で行われます。Automatic Actions に対応していないツールを追加する場合は、カスタムアクション の設定を参照してください。
Automatic Actions を使う場合、利用できるアクションは次のとおりです。
- Pageviews — ウェブサイト上のすべてのページビューを追跡します
- Events —
zaraz.trackWeb API を使った呼び出しを追跡します - E-commerce —
zaraz.ecommerceWeb API への呼び出しを追跡します
ツール内のアクションをプログラムから開始したい場合、Cloudflare Zaraz はイベントを Zaraz へ送り、そこからサードパーティツールへ渡す統一 Web API を提供します。この Web API には zaraz.track()、zaraz.set()、zaraz.ecommerce() メソッドがあります。
Track メソッド では、ウェブサイト上でリアルタイムに起きるカスタムイベントとアクションを追跡できます。Set メソッド は、変数を一度定義すれば以降の Track 呼び出しすべてに送れる簡単なショートカットです。E-commerce は、トリガーとイベントを設定せずに、複数のツールへ e コマース関連データを送る統一メソッドです。詳細は Web API を参照してください。
想定どおりに動いていないと感じる場合や、ウェブサイト上のツールの動作を確認したい場合は、デバッグモード と Zaraz Monitoring を参照してください。質問がすでに回答済みかどうかは、FAQ ページも確認してください。
特定のプラットフォームで Zaraz を使いやすくするプラグインが、ユーザーや企業によって公開されています。次のプラットフォームを使っている場合は、これらのプラグインを確認することを推奨します。
- Beetle Tracking ↗ — WordPress の WooCommerce サイトに Zaraz を連携し、設定なしで e コマースイベントを追跡します。Beetle Tracking は同意管理やその他の高度な機能にも対応しています。