MENU
草壁シトヒ
くさかべしとひ
普通の会社員でブログ歴は10年以上。

<趣味・得意分野>
⇨スポーツ観戦:F1、サッカー、野球
⇨テック分野が好物:AI、スマホ、通信
Xで話題のママ垢ルールとは?詳しくはこちら

Xピクセルの設定方法を完全ガイド!GTM・WordPress対応

当ページのリンクには広告が含まれています。

X(旧Twitter)で広告配信をスタートしたけれど、「コンバージョンを計測するためのピクセル設定でつまずいてしまった……」と悩んでいませんか?「ベースコード」や「イベントマネージャー」といった専門用語が多く、設定ミスで広告費を無駄にしないか不安になる方は非常に多いです。

Xピクセルの設定は、①ベースコードの取得、②GTMまたはWordPressでの設置、③イベント作成の3ステップで完結します。 特にGoogleタグマネージャー(GTM)を用いた設置が一番確実でエラーが少ないため、現在最も推奨されています。

この記事では、最新のX広告管理画面に対応したXピクセルの設定手順を、GTMとWordPress両方の視点から完全図解します。さらに、多くの方が直面する「設定したはずなのに発火しない」時の10のチェックリストも網羅。この記事の通りに進めれば、難しい設定作業に迷うことなく、完璧に広告配信の準備を完了させることができます。

この記事で解決できる悩み
  • Xピクセルのベースコードを「どこから」取得すればいいかわかる
  • GTMやWordPressへの「正しい貼り付け場所・手順」が図解でわかる
  • 設定したXピクセルが「発火しない・Activeにならない」原因と対策がわかる
タップできる目次

Xピクセル(旧Twitterピクセル)とは?なぜ設定が必須なのか

そもそも、なぜXピクセルを設定しなければならないのでしょうか? 結論から言うと、Xピクセルを設定しないと「広告の効果(商品が売れたか等)」が全く計測できず、最適な広告運用ができないからです。

Xピクセルの仕組みと役割(コンバージョン計測・リタゲ)

Xピクセル(旧Twitterピクセル)とは、自社のWebサイトに埋め込む計測用タグ(数行のプログラムコード)のことです。
このコードを設置することで、X(Twitter)からあなたのサイトに訪れたユーザーの行動を追跡できるようになります。

Xピクセルの持つ2つの大きな役割
  • コンバージョン計測:広告をクリックしたユーザーが、実際に「購入完了」や「資料請求」をした件数を正確にカウントします。
  • リターゲティング広告:過去に商品ページを見たけれど買わなかったユーザーに対し、再度X上で広告を配信(追いかけ)できるようにします。

例えば「10万円の広告費を使って、実際に何人が商品を買ったのか」を把握するためには、このXピクセルが正しく動いていることが絶対条件となります。効果を可視化できなければ、「どの広告文が効いているか」といった改善ができません。

ベースコードとイベントコードの違い

ピクセル設定を行う際、初心者が最も混乱しやすいのが「ベースコード」「イベントコード」の違いです。

わかりやすく例えるなら、ベースコードは「サイト全体を見守る監視カメラ」、イベントコードは「購入レジにだけ設置されたセンサー」のような役割を持っています。

項目役割設置場所必須度
ベースコードサイト全体でのユーザー行動をトラックするための基本となるタグWebサイト内の
全ページ(<head>内)
絶対必須
イベントコード「購入ボタンを押した」等の特定のユーザーアクションを検知するタグイベントを発火させたい
特定のページ・ボタンのみ
目的に応じて設定
(URLルールで代用可能)

現在ではイベントコードをいちいち新しく設置しなくても、管理画面の機能(URLルール)を使って「このURLが表示されたら購入完了とみなす」という設定が可能です。そのため、まずは「ベースコード」を確実にサイトへ設置することが最大の目標となります。

【ステップ1】X広告マネージャーで「ベースコード」を取得する

それでは実際の作業手順に入りましょう。まずはX広告の管理画面(イベントマネージャー)から、あなたの専用の「ベースコード」を発行して手元にコピーします。

イベントマネージャーへのアクセスから作成まで

Xピクセルを作成するための手順は以下の通りです。ブラウザはPC環境を推奨します。

STEP
X広告マネージャーにログインする

ご自身のXアカウントでログインし、広告マネージャーの画面を開きます。上部メニューの「ツール」から「イベントマネージャー」をクリックします。

STEP
「イベントソースを追加」をクリック

イベントマネージャー画面の右上にある「イベントソースを追加」というボタンを選択します。ドロップダウンから「Xピクセル」を選びます。

STEP
利用規約への同意と作成

画面の指示に従い利用規約に同意して「保存して続行」を押すと、あなたの広告アカウント専用の「Xピクセル」が新しく発行されます。

過去のUIから大きく変更されていることがあるため、「イベントソース」や「データソース」などの表記を目印に探すのがポイントです。

ピクセルIDとベースコードの確認

ピクセルが作成されると「ピクセルをインストールする設定方法」という画面が表示されます。「コードを使ったインストール」を選択すると、画面上に長い文字列の「ベースコード」が表示されます。

重要:必ず手元にコピーしておくこと
  • 表示された「コード全体」をコピーして、メモ帳などに貼り付けておいてください。
  • コード内にある「twq(‘config’, ‘xxxxx’);」の『xxxxx』部分が、あなたのピクセルIDになります。設定方法によってはこの短いIDだけが必要になる場合もあるため、合わせて認識しておきましょう。

無事にベースコードを手元に準備できたら、次はこのコードを自社のWebサイトへ埋め込む作業(ステップ2)に進みます。

【ステップ2】Xピクセルをサイトへ設定・設置する(2種類の方法)

先ほどコピーした「ベースコード」をWebサイトに設置します。本記事では、最も推奨される「Googleタグマネージャー(GTM)を使う方法」と、プラグインや機能を使った「WordPressへ直接設置する方法」の2パターンを解説します。

方法A:Googleタグマネージャー(GTM)を使った設定(強く推奨)

結論として、GTMを使った設定方法が圧倒的におすすめです。
なぜなら、今後他の広告タグ(GoogleやMetaなど)が増えた際も、GTMならコードを一元管理でき、サイト全体の読み込みスピード低下を防止できるからです。

STEP
GTMで「新しいタグ」を作成する

GTMのワークスペースを開き、左側メニューの「タグ」→「新規」をクリックします。タグの名前は「Xピクセル_ベースコード」など分かりやすいものにしておきましょう。

STEP
タグの設定で「カスタムHTML」を選ぶ

「タグの設定」エリアをクリックし、リストを下の方までスクロールして「カスタムHTML」を選択します。(※以前はX専用のテンプレートが存在していましたが、現在はカスタムHTMLでの実装が安全です)

入力枠が表示されるので、そこにステップ1でコピーしたベースコード全体をそのまま貼り付けます。

STEP
トリガーを「All Pages」に設定する

ベースコードは全ページで読み込ませる必要があるため、下の「トリガー」設定枠をクリックし、「All Pages(すべてのページ表示)」を選択します。

STEP
保存して「公開(Submit)」する

右上の「保存」ボタンを押した後、GTMのワークスペース右上にある「公開(Submit)」ボタンを忘れずに押してください。これを忘れると本番環境に反映されません。

方法B:WordPressで直接設定する場合(テーマ別・プラグイン別)

事情によりGTMが使えず、WordPressで構築されたサイトに直接設定したい場合は、以下のいずれかの方法を取ります。

【パターン1】WordPressテーマの独自機能を使う(SWELL・Cocoonなどの場合)
日本の有名なテーマであれば、カスタマイザー設定内に「head内にコードを出力する機能」が備わっています。

  • SWELLの場合: 管理画面の「外観」>「カスタマイズ」>「高度な設定」>「headタグ終了直前に出力するコード」の枠にベースコードを貼り付けて保存します。
  • Cocoonの場合: 「Cocoon設定」>「アクセス解析・認証」タブ内の「ヘッド用コード」枠にベースコードを貼り付けて保存します。

【パターン2】プラグイン「GTM4WP」等を利用する
テーマに機能が無い場合は、直接 header.php を触るのではなく、プラグイン経由でGTMを導入し、そこで設定する方法を強く推奨します。

【注意】親テーマの直接編集は避けましょう

「外観」の「テーマファイルエディター」から直接 header.php 等を編集してコードを追記するのは非常に危険です。少し記述を間違えるとサイトが真っ白になる恐れがあり、テーマがアップデートされた際に上書きされてコードが消失してしまいます。

【ステップ3】コンバージョン「イベント」の設定方法

さて、ベースコードが無事に設置できれば「監視カメラの準備」は完了です。
次は、「どの条件を満たしたら『コンバージョン(売上等)』としてカウントするか」という【イベント】を設定します。

「URLルール」でイベントをつくる(最も簡単・推奨)

一番簡単で確実なのが、「購入完了後に表示されるサンクスページ(/thanks.html 等)のURLが開かれた時」をコンバージョンとするルール設定です。

STEP
イベントマネージャーから「イベントを追加」

X広告のイベントマネージャー画面を開き、「イベント」タブをクリックして「イベントを追加」を選択します。

STEP
イベントの種類と名前を決める

例として、イベント名に「会員登録完了」、イベントタイプで「登録(Sign up)」などを選択します。

STEP
条件を「URLルール」で指定する

トラッキングの方法で「URLルールによる定義」を選択します。

  • URLの条件を「次を含む(Contains)」にし、サンクスページのURLの一部(例:/thanks/)を入力して保存します。

この設定だけで、指定したURLが表示されたタイミングでベースコードが自動的に反応し、「1件コンバージョンが発生した」と記録してくれます。

「イベントコード」を使った設定(少し高度)

URLが遷移しないタイプのフォーム(SPAなど)や、「特定のボタンがクリックされた時」をコンバージョンとしたい場合は、別途生成される「イベント用スニペットコード」をGTMなどでボタンのクリックトリガー等に紐づけて設置する必要があります。

草壁シトヒ
基本的には、購入や申込完了後に専用の完了ページ(サンクスページ)への画面遷移を用意し、「URLルール」を使うのが最も安全で初心者にもおすすめです。イベントコードによる実装は複雑になりがちなので、どうしても必要な場合に限ると良いでしょう。

【ステップ4】Xピクセルが正しく発火しているか確認する方法

設定がすべて終わったら、「本当に正しく発火(動作)しているのか」を必ずテストします。ここでエラーを放置すると広告費を無駄にするため非常に重要です。

イベントマネージャーの「ステータス」を確認

まず、手元のPCやスマートフォンを使って、ベースコードを設置した自分のWebサイトを何度か表示させてリロード(更新)します。その後、もしイベント(URLルール等)を設定した場合はサンクスページまで進んでみましょう。

X広告のイベントマネージャー画面を開き、設置したXピクセルのステータス部分を確認します。

  • ステータスが「Active(アクティブ・実行中)」に変わっていれば、正しく設定できています。

※注意点として、実際にアクセスが発生してから管理画面のステータスに反映されるまで、最長で数十分〜24時間程度のタイムラグが発生することがあります。焦って二重に設定しないようにしましょう。

GTMのプレビューモードを使った動作確認

GTMで設置した場合は、GTMの「プレビューモード(Preview)」を使うことで、リアルタイムで正確な発火確認ができます。

プレビューモードでのチェック方法

GTM右上の「プレビュー」ボタンを押し、自分のサイトURLを入力して「Connect」します。別画面で立ち上がったサイトをプレビューした後、Tag Assistantの画面に戻ります。「Tags Fired(発火したタグ)」の欄に、あなたが作った「Xピクセルのタグ」の名前が表示されていれば、確実に動作しています。

Xピクセルが設定できない・発火しない!よくある原因と解決策10選

「手順通りにやったはずなのに、X広告の管理画面でActiveにならない」「コンバージョンが計測されない」……。そんな時に必ずチェックすべき原因と解決策をまとめました。大体は以下のどれかに当てはまります。

よくある「コード配置・設定内容」の凡ミス

  • GTMで「公開(Submit)」ボタンを押し忘れている
    (タグを保存しただけでは反映されません。必ずワークスペースを公開してください)
  • ベースコードが途切れている、余計な文字が入っている
    (コピーする際、一部が欠けていたり、前後に全角スペースが入っていると機能しません)
  • 「<body>」など間違った位置に貼っている
    (WordPress直接設置の場合、必ず「<head>内」に配置できているか確認してください)
  • URLルールのアドレス指定が間違っている
    (ドメインの後ろの「/(スラッシュ)」が抜けていたり、httpとhttpsが混同しているケースがあります)
  • イベント期間を超過している
    (一度発行したイベントコードは、トラッキング有効期間が過ぎると無効化される場合があります)

ブラウザ・キャッシュ・その他の環境影響

自分のアクセスでテストしているのに発火しないのはなぜ?

ブラウザで「アドブロッカー(広告ブロック拡張機能等)」や「ITP対策等のトラッキング防止機能(Safariなど)」をオンにしていませんか?これらの機能が稼働していると、ピクセルの発火は強制的に遮断されます。一時的にオフにするか、Chromeのシークレットウィンドウでテストしてください。

変更した設定やタグがサイトに反映されない……

WordPressのキャッシュ系プラグイン(WP Rocketなど)や、サーバー側のキャッシュ機能が悪さをしている場合が多いです。タグを設置・更新した後は、必ずWordpress全体のキャッシュをクリア(パージ)してからテストを行ってください。

管理画面のデータ反映が遅すぎませんか?

仕様として、GTM上等で発火が確認できていても、X広告のイベントマネージャー画面でグラフやステータスが更新されるまでに数十分〜数時間のタイムラグが発生することはよくあります。GTMプレビューで発火しているなら、焦らず翌日まで待ってみましょう。

以前使っていた『Twitter Pixel Helper』が動きません。

過去に提供されていたX(Twitter)公式のChrome拡張ツールは、現在正常に動作しなかったり廃止されているケースが多いです。そのため、発火確認はGTMプレビューモードを利用するのが現在の最適解です。

まとめ

今回は、Xピクセルの役割からベースコードの取得手順、GTM・WordPressを使った具体的な設置方法、そして発火しない場合の解決チェックリストまで、網羅的に解説しました。

重要なポイントを再確認しましょう。

  • コンバージョン計測には「ベースコードの設置」が絶対必須
  • 設定はミスが起きにくいGTM(Googleタグマネージャー)の利用が推奨
  • コンバージョンイベントは「URLルール」を使えば初心者でも一瞬で完了
  • 発火しない原因の9割は「GTMの公開忘れ・キャッシュ・アドブロッカー」

ピクセル設定が無事「Active」になりましたら、いよいよ本格的な広告運用・ターゲティングのスタートです。正しくデータが取れている状態になれば、どの広告テキストや画像が反響を呼んでいるかが明確になり、予算の無駄打ちを防止できます。

ぜひ本記事を保存して、迷った時のリファレンスとして活用してください!

よかったらシェアしてね!
  • URLをコピーしました!
タップできる目次