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

Last updated 4 days ago

Was this helpful?

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

概要

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

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

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

要件

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

パスワード保護されていないShopifyオンラインストア
ご自身のビジネス用Facebookページに接続された
管理者権限
Facebook広告アカウントが設定され、使用できる状態になっていること。まだ設定していない場合は、Facebookのステップバイステップガイドに従ってください。ガイドはで見つけることができます。

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

Facebook Pixelの設定方法

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

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

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

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

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

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

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

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

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

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

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)

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

Facebook 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 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設定の中に以下のコードを含めてください。

結果として、ページの読み込み時に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トラッキングアプリが動作していることを確認してください。