2026年8月11日

WordPressにSnapピクセル（Snapchat Pixel）を設定する方法

SEO・パフォーマンス

WordPressにSnapピクセルを設定するには、Snapchatの広告管理画面（Ads Manager）でピクセルを作成し、発行されたベースコードをサイトの全ページに設置してから、会員登録や購入などの操作に合わせてイベントを送るコードを追加します。この記事では、ピクセルの作成から、WordPressへの設置方法の選び方、イベントの追加、Snap Pixel Helperを使った動作確認、同意とプライバシーポリシーの扱いまでを順に説明します。

Snapピクセルの役割

Snapピクセルは、Snapchat広告の成果を測るための計測コードです。Snapchat上の広告を見た人がWordPressサイトに来て、何をしたかをSnapchatに伝えます。これにより、次のことができるようになります。

広告経由の購入や会員登録の数を、広告管理画面で確認する
サイトの訪問者をもとにしたオーディエンスを作り、広告の配信対象に使う
送られたイベントをもとに、広告の配信を成果の出やすい人に寄せる

ピクセルを入れただけでは広告の成果は改善しません。あくまで計測と配信最適化のための土台であり、どのイベントを送るかの設計が大切です。

ピクセルを作成する

まず、Snapchatのビジネスアカウントで広告管理画面にログインし、イベントやピクセルを管理するメニュー（Events Manager）を開いて、ウェブサイト用のピクセルを作成します。作成すると、ピクセルIDを含むベースコードが表示されます。

広告管理画面のメニュー構成や名称は頻繁に変わります。本記事では画面の位置を大まかに書いていますが、見当たらない場合はSnapchatのビジネス向けヘルプで「Snap Pixel」を検索し、現在の手順を確認してください（2026年10月現在）。

ベースコードは、ピクセルIDの部分がアカウントごとに異なります。解説記事などに載っているコード例をそのまま使うのではなく、自分の管理画面からコピーしたものを使います。

WordPressへの設置方法を選ぶ

設置方法は大きく3つあります。サイトの作りと、すでに使っているツールに合わせて1つを選びます。

ヘッダーにコードを挿入するプラグインを使う

もっとも手軽なのは、ヘッダーにコードを挿入する汎用プラグインに、ベースコードを貼り付ける方法です。テーマを変えてもコードが残り、管理画面だけで設置と削除ができます。ただし、管理者が記事を確認したときの閲覧も計測されるため、データの精度を重視する場合は次の方法が向いています。

子テーマの functions.php から出力する

管理者の閲覧を除外したり、ページごとに出し分けたりしたい場合は、子テーマの functions.php にコードを書きます。作業前に functions.php のバックアップを取り、子テーマが有効になっていることを確認してください。以下のコードはファイルの末尾に追加します（冒頭の <?php は重ねて書きません）。

function my_snap_pixel_base_code() {
	// 投稿の編集権限を持つスタッフの閲覧は計測しない
	if ( is_user_logged_in() && current_user_can( 'edit_posts' ) ) {
		return;
	}
	if ( is_preview() || is_customize_preview() ) {
		return;
	}
	?>
	<!-- ここに Snapchat の管理画面からコピーしたベースコードを貼り付ける -->
	<?php
}
add_action( 'wp_head', 'my_snap_pixel_base_code' );

wp_head はフロント側のページの <head> 内に出力するためのフックです。コメント行を、コピーしたベースコードに置き換えて保存します。ログイン中のスタッフを除外する条件は、ログインユーザーをページキャッシュの対象外にしている一般的な構成を前提としています。

Googleタグマネージャーで配信する

すでにGoogleタグマネージャー（GTM）を使っているサイトでは、GTMで配信すると管理をまとめられます。GTMの「カスタムHTML」タグにベースコードを貼り、トリガーを「すべてのページ」にします。コミュニティテンプレートギャラリーにSnapピクセル用のテンプレートが公開されている場合もありますが、使う場合は提供元を確認してください。

WooCommerceのショップでは、Snapchatとの連携用の拡張機能が提供されていることがあります。購入金額や商品情報を含むイベントを自前で実装するのは手間がかかるため、WooCommerceの拡張機能の一覧で提供元を確認したうえで、連携機能の利用を検討してください。

どの方法でも、設置場所は1か所に絞ります。二重に設置すると、同じ閲覧やイベントが2回ずつ送られます。

イベントを追加する

ベースコードには、ページの閲覧を表す PAGE_VIEW の送信が含まれています。成果として計測したい操作は、標準イベントを追加で送ります。よく使うものは次のとおりです。

SIGN_UP：会員登録やメールマガジンの登録
VIEW_CONTENT：商品ページなど重要なページの閲覧
ADD_CART：商品をカートに入れた
START_CHECKOUT：購入手続きの開始
PURCHASE：購入の完了

例として、登録完了ページ（スラッグが thanks の固定ページ）が表示されたときに SIGN_UP を送るコードを示します。

function my_snap_pixel_signup_event() {
	// 登録完了ページ以外では出力しない
	if ( ! is_page( 'thanks' ) ) {
		return;
	}
	?>
	<script>
	if ( typeof window.snaptr === 'function' ) {
		window.snaptr( 'track', 'SIGN_UP' );
	}
	</script>
	<?php
}
add_action( 'wp_footer', 'my_snap_pixel_signup_event' );

イベントのコードを wp_footer で出力しているのは、<head> に置いたベースコードの後に実行させるためです。snaptr が存在するかを確かめているので、ベースコードを出力していない管理者の閲覧時にもエラーになりません。

完了ページで成果を数える方法には、ページの再読み込みやブックマークからの再訪問でも数えられてしまう弱点があります。完了ページは noindex にし、メニューやサイトマップからはリンクしないようにします。購入イベントで金額を送る場合は、通貨と金額、注文を識別する値を正しく渡す必要があるため、公式のイベント仕様を確認してから実装してください。

動作確認

設置したら、ログアウトした状態かシークレットウィンドウでサイトを開き、次の方法で確かめます。

Snap Pixel Helper：Google Chrome向けの拡張機能「Snap Pixel Helper」を入れてサイトを開くと、読み込まれたピクセルと送信されたイベントが表示されます。ピクセルIDが自分のものと一致しているか、完了ページで SIGN_UP が送られているかを見ます
開発者ツール：ブラウザの開発者ツール（F12キー）のネットワークタブで「snap」と入力して絞り込み、ページを表示するたびに通信が発生しているかを確認します
広告管理画面：Events Managerでピクセルを開くと、受信したイベントの状況を確認できます。反映には時間がかかることがあるため、拡張機能で送信を確認した後、時間を置いて見ます

拡張機能でイベントが確認できない場合は、キャッシュプラグインのJavaScript最適化（結合や遅延実行）の対象にベースコードが含まれていないか、広告ブロッカーが動いていないかを確認します。

計測漏れを補う仕組み

Snapchatには、ブラウザのピクセルに加えて、サーバーから直接イベントを送る「Conversions API」があります。広告ブロッカーやブラウザのトラッキング制限で取りこぼしたイベントを補えますが、サーバー側の実装と、ピクセルと同じイベントを二重に数えないための重複排除の設定が必要です。まずはピクセルでの計測を安定させてから検討するのが現実的です。

メールアドレスなどをハッシュ化して送り、照合の精度を上げる設定もあります。個人情報の扱いに直結するため、使う場合は社内で方針を決め、プライバシーポリシーにも反映させてから設定してください。

同意とプライバシーポリシー

Snapピクセルは広告目的でCookieなどを使います。地域や業種によっては事前の同意が必要になるため、Cookie同意バナーのプラグインや同意管理ツールで、ピクセルを「マーケティング」などのカテゴリに分類し、同意が得られるまで実行しない設定にします。同意の要否は自社で確認し、必要に応じて専門家に相談してください。

プライバシーポリシーには、Snapchatの広告計測を利用していること、取得する情報の種類、利用目的、オプトアウトの方法を追記します。

まとめ

Snapピクセルは、Snapchatの広告管理画面のEvents Managerで作成し、ベースコードを全ページの <head> に設置する
設置方法はコード挿入プラグイン、子テーマの wp_head、GTMのいずれか1つに絞る
成果は SIGN_UP や PURCHASE などの標準イベントで送り、ベースコードより後に実行する
Snap Pixel Helperと開発者ツールで送信を確かめてから、管理画面の反映を確認する
同意の取得とプライバシーポリシーへの追記を、設置と同時に進める