# Facebookピクセルを設定してウェブサイト上のアクションを理解する方法 ### 概要 Facebook Pixelは、人々があなたのウェブサイトで行う行動を理解することで、広告の効果を測定できる分析ツールです。したがって、[Facebook Pixelの設定](https://help.pagefly.io/manual/setup-facebook-pixel-to-my-page/)は非常に重要な役割を果たします！ そのため、Facebook PixelはShopifyストアのパフォーマンスを監視するために重要な役割を果たします。 [Facebook Pixel](https://www.facebook.com/business/help/742478679120153?id%3D1205376682832142)について、さらに詳しく読むことができます。 ### 要件 開始する前に、以下を確認してください。 * [ビジネス用Facebookページ](https://www.facebook.com/business/tools/facebook-pages/get-started) * パスワード保護されていないShopifyオンラインストア * ご自身のビジネス用Facebookページに接続された[Facebook Business Manager](https://www.facebook.com/business/help/1710077379203657?id%3D180505742745347) * 管理者権限 * Facebook広告アカウントが設定され、使用できる状態になっていること。まだ設定していない場合は、Facebookのステップバイステップガイドに従ってください。ガイドは[こちら](https://www.facebook.com/business/tools/ads-manager)で見つけることができます。 アカウントにFacebook Pixelを正常に設定している場合は、ステップ2をスキップしてください。 ### Facebook Pixelの設定方法 #### ステップ1：Facebook Pixelを設定する まず、[イベントマネージャー](https://www.facebook.com/events_manager2/)で、ビジネスマネージャー > データソースをクリック > Pixelを選択 > 詳細をクリックします。 ![](/files/Eu4213ZbG0Cbv49iW0ai) 次に、Pixelの名前を選択 > 続行をクリック > 今すぐPixelを設定 > パートナー連携を使用してコードを追加を選択します。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXeqs5PanSr6I1qeqpb9-mXYLn9giMB3Jwx4TObfYELLf0_e4gnNo8EVkfb5mLWqT9T6qgSVdeDpO44vytp3d0hda0uU4_E1s-PArou9seG9NUjf4YqrxJ-A7m_Vns3LvZPB-huedqtiX8Qw_SM-RgkeyUVRPKSfxRUB32NmzSla-Pg.png) 次に、パートナーとしてShopifyを選択します。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXdMMNPqU-EwvU1J6Jli3_plkjEM-z9hLaGz3CNZ7am8CiOfwJHlQV9ImUG0nMKTE8PKTx2-DqDW2SoPbY9JGbAEI2CUPKxv5UoF_tFTiuUzHf5tYA6_jybn41OimjTNvqNbysadWrM32cLnSadRwkeyUVRPKSfxRUB32NmzSla-Pg.png) [Facebook Pixel](https://www.facebook.com/business/help/646757258759189)をShopifyアカウントに正常に接続するために、3つのステッププロセスに従ってください。 ![](/files/h9qj02ZlrFOebEDnwE19) すべてが整ったら、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を設定を選択します。 ![](/files/Cz4O18BkNWcKPjOrgUTy) 2\. アプリをまだインストールしていない場合は、Shopifyアプリストアページにリダイレクトされます。その後、インストールをクリックします。 ![](/files/OiBD4H4qRFl3V1sEXyW2) {% hint style="info" %} **注**: 「Facebookを設定」ボタンをクリックすると、Facebook & InstagramアプリをインストールするためにShopifyアプリストアにリダイレクトされます。 {% endhint %} 3\. 左側のサイドバーに、新しい販売チャネルとしてFacebook & Instagramが表示されます。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXej-0WRTAIuARcShP2n9gtUqanmEmHlgYEPvOCzxPDfMDIFuaLCgRs2FtYacMWrfG6y881hsjk8oYpnCPhs9wCTylbCpyauGEg6ri1NzQ6KpEX6GgVBDKZHwNZprgyFRFH7H7ANj8Otgb64pFgvwAkeyUVRPKSfxRUB32NmzSla-Pg.png) #### 設定 **一般設定** 次に、トラッキングを設定したいページに移動します。 Facebook Pixelのトラッキングオプションは、以下の12の要素で利用可能です。 * [見出し](https://help.pagefly.io/manual/heading-element) * [ボタン](https://help.pagefly.io/manual/button-element) * [画像](https://help.pagefly.io/manual/image-element) * [MailChimpフォーム](https://help.pagefly.io/manual/integrate-mailchimp-form) * [商品リスト](https://help.pagefly.io/manual/shopify-elements-product-list) * [商品画像](https://help.pagefly.io/manual/shopify-elements-product-image) * [商品タイトル](https://help.pagefly.io/manual/shopify-elements-product-title) * [商品をカートに追加](https://help.pagefly.io/manual/shopify-elements-product-add-to-cart) * [商品詳細を表示](https://help.pagefly.io/manual/shopify-elements-product-view-details) * [コレクション画像](https://help.pagefly.io/manual/shopify-elements-collection-image) * [コレクションタイトル](https://help.pagefly.io/manual/shopify-elements-collection-title) * [コレクション詳細を表示](https://help.pagefly.io/manual/shopify-elements-collection-view-details) 選択できるイベントタイプは10種類あります。 * 検索 (Search) * コンテンツ表示 (View Content) * カートに追加 (Add To Cart) * ウィッシュリストに追加 (Add To Wishlist) * チェックアウト開始 (Initiate Checkout) * 支払い情報の追加 (Add Payment Info) * 購入 (Purchase) * リード (Lead) * 登録完了 (Complete Registration) * カスタムイベント (Custom Event) ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXd5FBeOJs_ytNXPKZpvRLW7LfaKnuzLjIKRr3IflXCf0KwLai50y7UJjnZEAKxSkVNgqH7L5Z6cRnD314wpVf0xk5Fsef3s-2Qb_jMIlKDSmjBNwYHfpLTn08X46XLMlUMR5oDoc3wbgvqWUqunzAkeyUVRPKSfxRUB32NmzSla-Pg.png) イベントタイプを選択すると、イベントコードが自動的に生成されます。 Pixelの実装を検証するには、[Pixel Helper Google Chrome](https://chrome.google.com/webstore/detail/facebook-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc?hl%3Den)拡張機能をインストールします。クリックするとパネルが展開され、警告、エラー、成功を含むページのPixelの詳細な概要が表示されます。 ![](/files/nNpAuq7zjzQ7Yado7MBX) **Facebook Pixelイベントトラッキングを確認する** ビジネスマネージャーで、左側のサイドバーにあるすべてのツールを選択 > 広告マネージャーを選択します。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXfKVtwn-pjZKpCqmcGq9RLNAYhQImS02Kd8G7GywITbeFGlQ-IJH9rUI7kWCW9-G57F6SCycSXVNhTk4Y7nGN7bIFo61DLrWQAEkzhTpsWj7yB0UpjZVt1_0lwxPjLBu1EX5AmxTSSIVaFq33HiwkeyUVRPKSfxRUB32NmzSla-Pg.png) 広告セットタブに移動 > 列アイコンをクリック > 列をカスタマイズを選択します。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXdxFH6HLjChzxJevbjrYpWp9by_w_twILfF2zgINrc1zbZA_dvpU8TxMvsx71dV0HfBfBJPNPfr_TLZG1jJb6Up4xEP9HW2loHn_MDyWNm8r6AW7j2nYV7NizybwcgNHzVf978RVRoOony3RCrkUAkeyUVRPKSfxRUB32NmzSla-Pg.png) 表示をコンバージョンに切り替え > スクロールダウンして、使用している[Pixelの種類](https://developers.facebook.com/docs/facebook-pixel/implementation/conversion-tracking/)を選択 > 適用を押します。 ![](/files/Yld22wTomHAMPz8CWT9q) 再度メニューを選択 > イベントマネージャーを選択します。Pixelの結果が表示されます。 詳細については、このビデオをご覧ください。 {% embed url="" %} ### 使用例 以下に、ページのFacebook Pixel設定に関連して最もよく寄せられる質問を示します。 #### PageFlyページが読み込まれたときに特定のFacebookイベントを発生させるには？ * **ステップ1**: エディターに移動します。 * **ステップ2**: 以下のコードをカスタムJavaScriptオプションに挿入します。 ```javascript window.trekkie.load = function () { fbq("track", "ViewContent"); }; _window.addEventListener("load", function () { _; _fbq("track", "ViewContent"); _; _; }); _; ``` * **ステップ3**: 「変更を保存」をクリックし、ページを公開します。 * **ステップ4**: Facebook Pixel Helperで結果を確認します。 ![](/files/sEKDmIBZkYwxHfxPdtVd) **ヒント** Facebookイベントに追加の目的（例えば「**content\_name**」と「**content\_type**」）を送信したい場合は、以下のコードを使用してください。 ```javascript 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ヘルプドキュメント](https://developers.facebook.com/docs/facebook-pixel/reference/)を参照してください。 例えば、Facebook ViewContentは以下の目的をサポートしています：content\_ids, content\_category, content\_name, content\_type, contents, currency, value. Facebook Pixel Helperで結果を確認してください。ご覧のように、content\_typeとcontent\_nameを含むカスタムパラメータが送信されています。 ![](/files/DwstjjI67gsP0YTsb9Ok) #### ユーザーが特定のセクションをスクロールしたときにFacebook Pixelを発生させるには？ * **ステップ1**: セクションに名前を付けます。 この例では、「**countdown**」です。 ![](/files/aH0VLmn4AIFdRANzMEuA) * **ステップ2**: カスタムJavaScriptコードを追加します。 注意すべき点は2つあります。 まず、jQuery関数は「**countdown**」という名前のセクションIDをトリガーします。 次に、この例では、オブジェクトなしでFacebook Pixel「**ViewContent**」を送信します。 * **ステップ3**: 結果を確認します。 ご覧のように、固有のIDを割り当てたセクションは「**countdown**」と呼ばれ、その部分をスクロールした後にFacebook pixelが発生しています。 ![](/files/0DL10ueufL69Ui1ZH8W1) ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXfFWqtPXH4FV_ZIiC7vB5nSKyVMNAT_DMpNYVDYwUJ2RwBNu7el0BZYzJztbdKdxqPIoCm0u0DyM45Y5fqre4EoWQNSGuo102cRV2bEj5zRBrBpFaJMbwDeoguCPANxExKYyE2SSNG_G2QQalPS1AkeyUVRPKSfxRUB32NmzSla-Pg.png) #### 同じページで複数のFacebook Pixelを発生させるには？ カスタムJavaScript設定の中に以下のコードを含めてください。 「**YOUR PIXEL ID**」をあなたの固有のID番号に置き換えてください。コードは[こちら](https://pastebin.com/raw/dbZ6ATbm)からコピーできます。 ![](/files/OWvGWfNEQj1Yf8iqfMmu) 結果として、ページの読み込み時に2つのPixelが発生しているのを確認できるはずです。 ![](/files/MjvodmsHHssLDKjPFKkZ) ### 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で手動で発生させた要素を「なし」に割り当てます。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXcG40aOn2wlkVOQoc8HQ3XhxxrABrXfIOF5bELw4IbVWVd8A4j4G9h1T2nphAV94NaSBYuKw7aM5pHyYZGsDMOeTGz6MAGou_oAIt5utMztZe56MiBiYbXR3emvcHtvYMQxpaZejPpn0RQGTnvCQkeyUVRPKSfxRUB32NmzSla-Pg.gif) #### Facebookトラッキングが突然無効になる 原因：オンラインストアではなく、手動のコード注入またはtheme.liquidファイル内でFacebook Pixelを設定した。 解決策：手動のコードまたはtheme.liquidファイルを再度確認してください。手動のコードを削除するか、theme.liquidファイルの古いバージョンを復元してみてください > 代わりにオンラインストア > 環境設定でFacebook Pixelを設定します。 theme.liquidファイルの古いバージョンを復元する方法を知りたいかもしれません。 ![](/files/8bwuMu7rHk60VQxNVdAd) 上記に記載されていないその他の問題については、推奨される解決策は、オンラインストア > 環境設定によってのみFacebook Pixelを**適切に**発生させていること、他の方法では発生させていないことを確認することです。Facebook Pixelトラッキングアプリが動作していることを確認してください。 Facebook Pixel Advancedの詳細については、[この記事](https://developers.facebook.com/docs/facebook-pixel/advanced/)を確認してください。 ご不明な点がございましたら、[チケットを提出](https://pagefly.io/pages/contact-us)してください。カスタマーサポートチームが迅速に対応いたします。 ### よくある質問 **1. Facebook Pixelとは何ですか？** Facebook Pixelは、ウェブサイト（この場合はShopifyストア）に埋め込むコードの断片であり、広告キャンペーンから収集されたデータを使用して、オーディエンスを測定、最適化、構築するために使用されます。 **2. Facebook Pixelはどこで見つけられますか？** MetaSuitesの「**Business Settings**」>「**Data Sources**」>「**Pixel**」の下にあります。[この記事](https://help.pagefly.io/manual/setup-facebook-pixel-to-my-page/)を確認してください。 **3. Facebook Pixelの異なるタイプは何ですか？** 主に3つのタイプがあります：標準イベント、カスタムコンバージョン、およびカスタムイベントです。 --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/optimization/setup-facebook-pixel-to-my-page.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.