TikTokピクセルの設置方法|
GTM連携・標準イベント・カスタムイベントの設計
TikTok広告で成果を最大化するには、コンバージョン計測の土台となる「TikTokピクセル」の正確な設置が不可欠です。本記事では、ピクセルの基本概念から、GTM(Googleタグマネージャー)を使った設置手順、標準イベント・カスタムイベントの設計、テスト方法、Conversions APIとの併用まで、実務で使える形で解説します。
この記事のポイント
- TikTokピクセルはWebサイト上のユーザー行動を計測するJavaScriptタグ。広告最適化の精度を左右する最重要インフラ
- GTM経由の設置が推奨。コード編集なしでタグ管理でき、イベント追加・修正も柔軟に対応可能
- 標準イベント+カスタムイベントを適切に設計し、Conversions API(CAPI)と併用することで計測精度を最大化できる
TikTokピクセルとは
TikTokピクセルは、WebサイトにJavaScriptコードを埋め込むことで、TikTok広告経由のユーザー行動を計測するためのタグです。具体的には、広告をクリックしたユーザーがサイト上で「商品を閲覧した」「カートに追加した」「購入を完了した」といったアクションを取った際に、そのデータをTikTok Ads Managerに送信します。
ピクセルが正しく設置されていると、以下のメリットがあります。
- コンバージョン計測:どの広告がどれだけ成果を生んでいるかを正確に把握できる
- 配信最適化:TikTokの機械学習がコンバージョンしやすいユーザーを学習し、配信精度が向上する
- リターゲティング:サイト訪問者に対して再度広告を配信できる
- 類似オーディエンス:コンバージョンユーザーに似た新規ユーザーへリーチを拡大できる
つまり、TikTokピクセルは単なる「計測タグ」ではなく、広告成果を左右する最重要インフラです。設置が不完全だと、最適化が効かず広告費が無駄になるリスクがあります。
ピクセルの設置方法は3つ
TikTokピクセルの設置方法は大きく3種類あります。
1. 手動設置(ベースコード直接埋め込み)
TikTok Ads Managerで発行されるベースコードを、Webサイトの<head>タグ内に直接貼り付ける方法です。HTMLを編集できる環境であれば最もシンプルですが、イベントの追加・変更のたびにコードを修正する必要があるため、運用の柔軟性は低めです。
2. GTM(Googleタグマネージャー)経由
GTMのタグテンプレートを使ってピクセルを設置する方法です。コード編集なしでタグの追加・変更・削除ができるため、マーケターが自立して運用でき、最も実務で推奨される方法です。後述の手順で詳しく解説します。
3. パートナー連携(Shopify・WordPress等)
ShopifyやWordPress(WooCommerce)などのプラットフォームでは、TikTok公式の連携プラグインが用意されています。管理画面からTikTokアカウントを接続するだけで、ピクセルの設置と標準イベントの設定が自動的に完了します。ECサイトで手軽に導入したい場合に便利です。
どの方法を選ぶべきか:Shopify等のプラットフォームを使っているならパートナー連携が最速。それ以外の場合はGTM経由が運用効率の面で最も優れています。手動設置は、GTMを導入していない小規模サイトや、特定のページだけに限定的に設置したい場合に適しています。
GTM連携の設置手順
ここからは、最も推奨されるGTM経由でのピクセル設置手順を解説します。
STEP 1:TikTok Ads Managerでピクセルを作成
- TikTok Ads Managerにログインし、上部メニューの「アセット」から「イベントマネージャー」を開きます
- 「Webイベント」を選択し、「ピクセルの設定」をクリックします
- ピクセル名を入力します(例:「公式サイトピクセル」など管理しやすい名前)
- 設置方法で「Googleタグマネージャー」を選択します
- ピクセルIDが発行されるのでコピーしておきます
STEP 2:GTMでTikTokピクセルタグを追加
- GTM(tagmanager.google.com)にログインし、対象のコンテナを開きます
- 左メニューの「タグ」→「新規」をクリックします
- タグタイプで「TikTok Pixel」を検索し選択します(コミュニティテンプレートギャラリーから追加可能)
- ピクセルIDの欄にSTEP 1でコピーしたIDを貼り付けます
- トリガーは「All Pages(全ページ)」を設定します。これでベースコード(PageViewイベント)が全ページで発火します
- タグ名を「TikTok Pixel - PageView」などわかりやすい名前にして保存します
STEP 3:GTMのプレビューモードで動作確認
- GTM画面右上の「プレビュー」をクリックし、対象サイトのURLを入力します
- プレビューモードが起動したら、サイトを表示し、GTMのデバッグパネルで「TikTok Pixel - PageView」タグが「Tags Fired」に表示されていることを確認します
- 問題がなければGTMの「公開」ボタンでバージョンを公開します
標準イベントの種類と設定
ベースコード(PageView)だけではページの閲覧数しか取れません。コンバージョンを正確に計測するには、ユーザーの具体的なアクションに応じたイベントを設定する必要があります。
TikTokピクセルには、あらかじめ定義された「標準イベント」が用意されています。主な標準イベントは以下の通りです。
- ViewContent:商品詳細ページやLP(ランディングページ)の閲覧。ファネル上部の計測に使用
- ClickButton:CTAボタンやリンクのクリック。マイクロコンバージョンの計測に有効
- AddToCart:カートへの商品追加。ECサイトの中間コンバージョンとして必須
- InitiateCheckout:決済フローの開始。カート落ちの分析に活用
- AddPaymentInfo:支払い情報の入力完了
- CompletePayment:購入完了。最も重要なコンバージョンイベント
- CompleteRegistration:会員登録やフォーム送信の完了。リード獲得の計測に使用
- Subscribe:サブスクリプション登録の完了
- Contact:電話・メール・フォームでの問い合わせ
- Download:アプリやファイルのダウンロード
GTMでの標準イベント設定方法
各標準イベントはGTM上で個別のタグとして設定します。たとえば「CompletePayment」を設定する場合の手順は以下です。
- GTMで新しいタグを作成し、タグタイプに「TikTok Pixel」を選択
- ピクセルIDを入力し、イベント名で「CompletePayment」を選択
- トリガーに「購入完了ページの表示」や「サンクスページのURL」を設定(例:Page Path が /thank-you を含む)
- タグ名を「TikTok Pixel - CompletePayment」として保存
同様の手順で、ViewContent、AddToCart、InitiateCheckoutなど、ビジネス上重要なアクションごとにタグを作成します。
カスタムイベントの設計方法
標準イベントだけではカバーできない独自のアクションを計測したい場合は、カスタムイベントを使います。たとえば以下のようなケースです。
- 特定のページセクションまでスクロールした
- 動画を一定割合以上再生した
- 特定のフォームステップを完了した(多段階フォーム)
- チャットボットを起動した
カスタムイベントの実装手順
- TikTok Ads Managerの「イベントマネージャー」でカスタムイベントを作成し、イベント名を定義します(例:
scroll_50、video_play_75) - GTMでタグを作成し、イベント名に定義したカスタムイベント名を入力します
- トリガーには、GTMの「スクロール深度」「動画」「カスタムイベント」などの組み込みトリガーを活用します
カスタムイベントを設計する際のポイントは、広告最適化に使うイベントを明確にすることです。すべてのアクションを計測する必要はありません。TikTokの機械学習が最適化対象とするイベントは1つの広告グループにつき1つであるため、「最終的なコンバージョンに近いイベント」を優先的に設計するのが効果的です。
イベントパラメータの設定
イベントに付随する詳細情報(パラメータ)を送信することで、広告の最適化精度がさらに向上します。主要なパラメータは以下の通りです。
- value:コンバージョンの金額(例:商品価格)。ROAS(広告費用対効果)の計測に必須
- currency:通貨コード(例:
JPY)。valueとセットで設定 - content_id:商品IDやSKU。商品単位のパフォーマンス分析に活用
- content_type:コンテンツの種別(例:
product、service) - content_name:商品名やサービス名
- quantity:数量
GTMでパラメータを送信するには、タグの設定画面でパラメータフィールドを追加し、GTMのデータレイヤー変数から値を取得するのが一般的です。たとえばECサイトの場合、購入完了時にデータレイヤーにtransactionTotalやproductIdをプッシュし、それをTikTokピクセルタグのパラメータにマッピングします。
パラメータ設計のベストプラクティス
- valueとcurrencyはCompletePaymentイベントには必ず設定する。ROAS最適化を使う場合の必須条件
- content_idは商品カタログ連携(Dynamic Product Ads)を使う場合に必須
- パラメータの値は動的に取得する(ハードコーディングしない)。GTMのデータレイヤー変数やJavaScript変数を活用
テスト方法
ピクセルとイベントの設置が完了したら、必ず本番公開前にテストを行います。
TikTok Pixel Helper
TikTok公式のChrome拡張機能「TikTok Pixel Helper」は、ピクセルのデバッグに最も手軽なツールです。
- Chromeウェブストアから「TikTok Pixel Helper」をインストールします
- 対象のWebサイトを開くと、拡張機能アイコンにピクセルの検出数が表示されます
- クリックすると、発火したイベント名、パラメータ、エラーの有無を確認できます
エラーがある場合は赤いアイコンで警告が表示されるため、問題の特定が容易です。
テストイベント機能
TikTok Ads Managerの「イベントマネージャー」にはテストイベント機能があります。自分のブラウザからサイトにアクセスし、イベントがリアルタイムでTikTok側に受信されているかを確認できます。
- イベントマネージャーで対象ピクセルを選択し、「テストイベント」タブを開きます
- テスト用のブラウザURL(自分のサイトURL)を入力します
- サイト上でコンバージョンアクション(購入、登録など)を実行します
- テストイベント画面にイベントがリアルタイムで表示されれば成功です
GTMプレビューモードとの併用
GTMのプレビューモードを同時に使うと、「どのトリガーが発火したか」「どのタグが実行されたか」をGTM側でも確認できるため、問題の切り分けが効率的になります。TikTok Pixel Helper+GTMプレビュー+テストイベントの3点セットで検証するのがベストプラクティスです。
Conversions API(CAPI)との併用
近年、ブラウザのCookie規制(ITP、ETP)や広告ブロッカーの普及により、ピクセル単体ではコンバージョンの10〜30%が計測漏れすると言われています。この問題を解決するのがConversions API(CAPI)です。
CAPIとは
CAPIは、コンバージョンデータをサーバーサイドからTikTokに直接送信する仕組みです。ブラウザを経由しないため、Cookie規制や広告ブロッカーの影響を受けません。
ピクセル+CAPIの併用が推奨される理由
- 計測精度の向上:ピクセルで取りこぼしたイベントをCAPIで補完できる
- 最適化精度の向上:より正確なコンバージョンデータにより、TikTokの機械学習の精度が上がる
- 将来への備え:Cookie規制は今後さらに強化される見込み。CAPIを導入しておくことで影響を最小限に抑えられる
重複排除の仕組み
ピクセルとCAPIの両方からイベントを送信すると、同じコンバージョンが二重にカウントされるリスクがあります。これを防ぐために、event_idパラメータを一致させます。ピクセル側とCAPI側で同じevent_idを送信することで、TikTok側が自動的に重複を排除します。
計測基盤の構築もプロに:ピクセルの設置からイベント設計、CAPIの実装まで、計測基盤が正しく整っていなければ広告最適化は機能しません。ZVAでは広告クリエイティブの制作・運用だけでなく、計測環境の設計・検証まで一気通貫で対応しています。成果報酬型のため、計測基盤の整備に関する初期コストも抑えられます。
まとめ
TikTokピクセルは、TikTok広告の成果を計測し、配信最適化を機能させるための土台です。設置自体はGTMを使えばコード編集なしで完了しますが、どのイベントを計測し、どのパラメータを送信するかの「設計」が成果を左右します。
まずはGTM経由でベースコードと主要な標準イベントを設置し、テストで動作を確認してください。運用が安定してきたら、カスタムイベントの追加やCAPIの導入で計測精度を段階的に高めていくのが効率的です。計測基盤が整えば、広告の最適化精度が上がり、同じ広告費でもより多くの成果を得られるようになります。