TikTok広告を実施してみたいがどうやってピクセルを設定すればいいのか分からない方もいらっしゃるかと思います。

本記事ではこのような方に、TikTokピクセルの発行・設定方法を紹介いたします。

TikTokピクセルとは？

TikTokピクセルはウェブサイトに設置するコードで、設置することでウェブサイト上の様々な情報を収集することができるようになります。

TikTokピクセルで収集できる情報

• 広告・イベント情報
• タイムスタンプ
• IPアドレス
• ユーザーエージェント
• Cookie
• メタデータとボタンクリック

参考：TikTok Pixelについて（公式ヘルプページ）

今回は例として、オーリーズのサイトでTikTokピクセルを設定してみます。

CVポイントは、下記お問い合わせのページのボタン「この内容で送信する」をクリックした後に出てくる「お問い合わせ完了ページ」とします。

お問い合わせページのURL：https://allis-co.com/contact

お問い合わせ完了ページのURL：https://allis-co.com/contact/thanks

CV計測するためには、①ベースコードの発行②イベントの設定③ベースコードの実装が必要となります。

Tiktokはベースコード発行の際にイベント設定も可能なので、まずは①ベースコードの発行②イベントの設定の方法をご紹介します。

ベースコードの発行、イベントの設定

1. 広告マネージャーの管理画面へ行き、「アセット」から「イベント」を選択。（一部の環境では「アセット」ではなく「ツール」という表記になっている場合もあるのでご注意ください）

2. イベントマネージャーのウェブイベントの「管理」をクリック。

3. 「ピクセルの作成」をクリック。

4. 画面左の「マニュアル設定」を選択し、「次へ」をクリック。

5. ピクセル名を入力し、「次へ」をクリック。

6. 今回はフォーム送信をコンバージョンポイントするので、イベントリストから「フォーム送信」を選択し、「コンバージョンに追加」をクリック。

7. 「フォーム送信」が「コンバージョン」の項目に入ったことを確認し、「次へ」をクリック。

8. 今回のCVポイントは「お問い合わせ完了ページ」で、

• 「お問い合わせ完了ページ」はユニークなURLである（他ページのURLと重複しない）
• 「お問い合わせ」からの「お問い合わせ完了ページ」でURLが変わる

そのため一番右の「イベントビルダー」を選択。

9. 「イベントを作成」を選択。

10. 「ピクセルコードをコピー」を選択し、ピクセルコードをテキストファイルに保存してください。後ほどGoogle Tag Manager（GTM）にて設定します。

ピクセルコードを保存後、「続ける」を選択。

11. 「ピクセルヘルパーをインストールまたは更新」をクリック。

12. Chromeであれば、chromeウェブストアが開くので、「Chrome に追加」をクリック。

13. 11の画面に戻ると、下記画面になるかと思います。

14. 今回はフォームの送信を計測したいので、イベント名では「フォーム送信」を選択。

「お問い合わせ完了ページ」はユニークなURLで、他ページのURLと重複しないため、トラッキング方法は「URLイベント」でOKなので、「URLキーワードを入力」を選択。

15. URLトラッキングの部分に、トラッキング条件を入力。

お問い合わせ完了ページのURLが「https://allis-co.com/contact/thanks/」なので、トラッキング条件は、URLが次を含む「/contact/thanks」とする。

URLトラッキングの条件を入力後、「保存」を選択。

これにてベースコードの発行とイベント設定は完了です。

参考：Pixelを使ってみる（公式ヘルプページ）

ベースコードの実装方法

次に、Google Tag Manager（GTM）にてベースコードの設定を行います。

1. GTMのコンテナTOPページ（タグ一覧が見れるページ）に遷移し、「新規」をクリック。

2. タグ名を指定し、「タグの設定」をクリック。

3. カスタム HTMLを選択。

4. 「ピクセルの発行、イベントの設定」の手順⑩で保存していたピクセルコード（ベースコード）を貼り付け。

5. 次に「トリガー」を選択。

6. トリガーの選択で「All Pages」をクリック。

7. 右上の「保存」のボタンをクリック。これにてベースコードの設定は完了です。

参考：カスタムタグ（公式ヘルプページ）

ベースコードとイベントの動作確認

今回はGTMのプレビューモードと先程インストールした「TikTok Pixel Helper」を使って、ベースコードの発火とイベントが計測されているかを確認いたします。

1. GTMで画面右上の「プレビュー」を選択。

2. サイト名を入力し、「Connect」をクリック。

3. 拡張機能の「TikTok Pixel Helper」を選択すると、設定したベースコードが発火していることが確認できる。

4. お問い合わせページに移動し、フォーム入力して送信。

5. フォーム送信完了ページで、「TikTok Pixel Helper」を見ると、イベント「フォーム送信」が確認できた。

参考：コンテナのプレビューとデバッグ（公式ヘルプページ）

まとめ

以上、TikTok広告のベースコード、イベントの設定方法の解説でした。

タグ設定を行う際に本記事が参考になれば幸いです。

（その他媒体のタグ設置の方法は以下をご参照ください）