Back to PageFly.ioVideo Tutorials

Facebookピクセルを設定して、ウェブサイト上でのユーザーアクションを理解する方法

概要

Facebook Pixelは、人々があなたのウェブサイトで行う行動を理解することで、広告の効果を測定できる分析ツールです。したがって、Facebook Pixelの設定は非常に重要な役割を果たします！

そのため、Facebook PixelはShopifyストアのパフォーマンスを監視するために重要な役割を果たします。

Facebook Pixelについて、さらに詳しく読むことができます。

要件

開始する前に、以下を確認してください。

  • ビジネス用Facebookページ

  • パスワード保護されていないShopifyオンラインストア

  • ご自身のビジネス用Facebookページに接続されたFacebook Business Manager

  • 管理者権限

  • Facebook広告アカウントが設定され、使用できる状態になっていること。まだ設定していない場合は、Facebookのステップバイステップガイドに従ってください。ガイドはこちらで見つけることができます。

アカウントにFacebook Pixelを正常に設定している場合は、ステップ2をスキップしてください。

Facebook Pixelの設定方法

ステップ1：Facebook Pixelを設定する

まず、イベントマネージャーで、ビジネスマネージャー > データソースをクリック > Pixelを選択 > 詳細をクリックします。

次に、Pixelの名前を選択 > 続行をクリック > 今すぐPixelを設定 > パートナー連携を使用してコードを追加を選択します。

次に、パートナーとしてShopifyを選択します。

Facebook PixelをShopifyアカウントに正常に接続するために、3つのステッププロセスに従ってください。

すべてが整ったら、ShopifyストアにFacebook Pixel IDを追加する準備ができました。

ステップ2：ストアにFacebook Pixelをインストールする

イベントマネージャーページにいることを確認してください。アカウント名の下にある固有のPixel IDをコピーします。

Shopify管理画面に戻り > オンラインストア > 環境設定に移動 > Facebook PixelセクションにPixel IDを貼り付け > 保存を押します。

完了です！これでストアにFacebook Pixel IDを追加する準備ができました。

ステップ3：Facebook & Instagramアプリを追加する

  1. Shopify管理画面から、販売チャネル > 環境設定 > Facebook Pixelセクションで、Facebookを設定を選択します。

2. アプリをまだインストールしていない場合は、Shopifyアプリストアページにリダイレクトされます。その後、インストールをクリックします。

注: 「Facebookを設定」ボタンをクリックすると、Facebook & InstagramアプリをインストールするためにShopifyアプリストアにリダイレクトされます。

3. 左側のサイドバーに、新しい販売チャネルとしてFacebook & Instagramが表示されます。

設定

一般設定

次に、トラッキングを設定したいページに移動します。

Facebook Pixelのトラッキングオプションは、以下の12の要素で利用可能です。

選択できるイベントタイプは10種類あります。

  • 検索 (Search)

  • コンテンツ表示 (View Content)

  • カートに追加 (Add To Cart)

  • ウィッシュリストに追加 (Add To Wishlist)

  • チェックアウト開始 (Initiate Checkout)

  • 支払い情報の追加 (Add Payment Info)

  • 購入 (Purchase)

  • リード (Lead)

  • 登録完了 (Complete Registration)

  • カスタムイベント (Custom Event)

イベントタイプを選択すると、イベントコードが自動的に生成されます。

Pixelの実装を検証するには、Pixel Helper Google Chrome拡張機能をインストールします。クリックするとパネルが展開され、警告、エラー、成功を含むページのPixelの詳細な概要が表示されます。

Facebook Pixelイベントトラッキングを確認する

ビジネスマネージャーで、左側のサイドバーにあるすべてのツールを選択 > 広告マネージャーを選択します。

広告セットタブに移動 > 列アイコンをクリック > 列をカスタマイズを選択します。

表示をコンバージョンに切り替え > スクロールダウンして、使用しているPixelの種類を選択 > 適用を押します。

再度メニューを選択 > イベントマネージャーを選択します。Pixelの結果が表示されます。

詳細については、このビデオをご覧ください。

使用例

以下に、ページのFacebook Pixel設定に関連して最もよく寄せられる質問を示します。

PageFlyページが読み込まれたときに特定のFacebookイベントを発生させるには？

  • ステップ1: エディターに移動します。

  • ステップ2: 以下のコードをカスタムJavaScriptオプションに挿入します。

window.trekkie.load = function () {
  fbq("track", "ViewContent");
};

_window.addEventListener("load", function () {
  _;

  _fbq("track", "ViewContent");
  _;

  _;
});
_;

  • ステップ3: 「変更を保存」をクリックし、ページを公開します。

  • ステップ4: Facebook Pixel Helperで結果を確認します。

ヒント

Facebookイベントに追加の目的（例えば「content_name」と「content_type」）を送信したい場合は、以下のコードを使用してください。

window.trekkie.load = function () {
  fbq("track", "ViewContent", { content_name: "Bearie Backpack", content_type: "product" });
};

window.addEventListener("load", function () {
  fbq("track", "ViewContent", { content_name: "Bearie Backpack", content_type: "product" });
});

特定のFacebookイベントには、あらかじめ定義された目的を割り当てることができることに注意してください。Facebookヘルプドキュメントを参照してください。

例えば、Facebook ViewContentは以下の目的をサポートしています：content_ids, content_category, content_name, content_type, contents, currency, value.

Facebook Pixel Helperで結果を確認してください。ご覧のように、content_typeとcontent_nameを含むカスタムパラメータが送信されています。

ユーザーが特定のセクションをスクロールしたときにFacebook Pixelを発生させるには？

  • ステップ1: セクションに名前を付けます。

この例では、「countdown」です。

  • ステップ2: カスタムJavaScriptコードを追加します。

注意すべき点は2つあります。

まず、jQuery関数は「countdown」という名前のセクションIDをトリガーします。

次に、この例では、オブジェクトなしでFacebook Pixel「ViewContent」を送信します。

  • ステップ3: 結果を確認します。

ご覧のように、固有のIDを割り当てたセクションは「countdown」と呼ばれ、その部分をスクロールした後にFacebook pixelが発生しています。

同じページで複数のFacebook Pixelを発生させるには？

カスタムJavaScript設定の中に以下のコードを含めてください。

「YOUR PIXEL ID」をあなたの固有のID番号に置き換えてください。コードはこちらからコピーできます。

結果として、ページの読み込み時に2つのPixelが発生しているのを確認できるはずです。

Facebook Pixelに関する一般的な問題

エラーメッセージ

エラーメッセージ：「AddToCart Event missing some deduplication parameters」または「Purchase Event missing some deduplication parameters」

  • 原因：ストアにFacebook Pixelを正常に設定できていません。

  • 解決策：上記3つの設定手順を参照し、何か見落としていないか再度確認してください。

Facebookが「Shopifyサンクスページ」経由の購入をトラッキングできない

解決策：

  • ステップ1: オンラインストア > 環境設定でFacebook Pixelが完全に設定されているか確認します。上記の手順を参照してください。次に、Facebook Pixelトラッキングアプリが正常に動作していることを確認します。

  • ステップ2: Facebook Pixelがボタン要素ではなく、「商品をカートに追加」で設定されているか確認します。

  • ステップ3: ヘッダーとフッターがオンになっているか確認します。

Facebookが1つのイベントを二重にトラッキングしている

原因：PageFlyページに手動でイベントを追加したが、テーマがそれ以前に自動的にイベントを発生させた。

それがPageFlyで構築された商品ページであるか確認してください。

次に、Themes Marketplace (themes.shopify.com) からテーマを入手した場合、原因はFacebook Pixelが「カートに追加」で既に発生していることかもしれません。PageFlyでFacebook Pixelを手動で再度発生させると、二重トラッキングが発生します。解決策：PageFlyで手動で発生させた要素を「なし」に割り当てます。

Facebookトラッキングが突然無効になる

原因：オンラインストアではなく、手動のコード注入またはtheme.liquidファイル内でFacebook Pixelを設定した。

解決策：手動のコードまたはtheme.liquidファイルを再度確認してください。手動のコードを削除するか、theme.liquidファイルの古いバージョンを復元してみてください > 代わりにオンラインストア > 環境設定でFacebook Pixelを設定します。

theme.liquidファイルの古いバージョンを復元する方法を知りたいかもしれません。

上記に記載されていないその他の問題については、推奨される解決策は、オンラインストア > 環境設定によってのみFacebook Pixelを適切に発生させていること、他の方法では発生させていないことを確認することです。Facebook Pixelトラッキングアプリが動作していることを確認してください。

Facebook Pixel Advancedの詳細については、この記事を確認してください。

ご不明な点がございましたら、チケットを提出してください。カスタマーサポートチームが迅速に対応いたします。

よくある質問

1. Facebook Pixelとは何ですか？

Facebook Pixelは、ウェブサイト（この場合はShopifyストア）に埋め込むコードの断片であり、広告キャンペーンから収集されたデータを使用して、オーディエンスを測定、最適化、構築するために使用されます。

2. Facebook Pixelはどこで見つけられますか？

MetaSuitesの「Business Settings」>「Data Sources」>「Pixel」の下にあります。この記事を確認してください。

3. Facebook Pixelの異なるタイプは何ですか？

主に3つのタイプがあります：標準イベント、カスタムコンバージョン、およびカスタムイベントです。

Last updated

Was this helpful?