# Facebookいいね＆シェア

### Facebookいいねとシェア要素について

[Facebook いいねとシェア要素](https://help.pagefly.io/manual/facebook-like-element/)は、これらの機能をページに統合することで、コンバージョン率を向上させ、コミュニティ構築を支援するように設計されています。

販売者はこれらの要素を活用して、ストアや製品にソーシャルプルーフを追加したり、訪問者にブランドのソーシャルメディアページを紹介したりすることができます。

### Facebookいいねとシェア要素へのアクセス方法

* ステップ1：「Elements」アイコンをクリックし、「PageFly」タブで**Facebook いいねとシェア**要素を選択します。
* ステップ2：要素をページエディターにドラッグアンドドロップし、使い始めます。

![](/files/ixHLoHikKH7oDJ6Dz6x2)

### Facebookいいねとシェア要素の設定方法

このビデオチュートリアルで視覚的なガイドをご覧ください：

{% embed url="<https://youtu.be/IAXk-ftTTOI>" %}

**Facebook いいねとシェア**要素には、最適なコンバージョン率のためにコンテンツの表示を最適化するための多くのパラメータが用意されています。パラメータにアクセスするには、要素を選択します。

![](/files/NDLD67LwAUxPhdYcUEST)

GeneralタブとStylingタブのパラメータは、この要素に固有のものです。

#### 一般設定 (General Configuration)

| **App ID**: FacebookアプリID。これは必須フィールドです。このリンク <https://developers.facebook.com/> にアクセスし、右上の「Get Started」ボタンをクリックして指示に従ってFacebookアプリIDを取得してください。                                                                                                                          |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](/files/o3zGCCnv6HJUlRIg1QQq)                                                                                                                                                                                                                                        |
| **URL to like**: 訪問者が「いいね」をクリックしたときに直接移動するURLです。                                                                                                                                                                                                                        |
| ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXdY-4lTLFaju5FyIXsvHZgkJU-FJrCGPj-wDrtuJ3Ct5AjmZxsUnSRAVcHXWJbKC2laupzQD4bQTvZGSDZJSsLLocT8e0NmlzH32dy4DuVtMbJGUPx_0fxGcOWZhv1aW-hCQHEpwbDDYMRFLrlhUQkeyVNEOy0433gsrmDS3eFKTzQ-1.png) |
| **Content loading**: 2つのオプションがあります： - Lazy Loading: コンテンツはユーザーの画面に表示されたときのみロードされ、帯域幅を節約し、初期ページロード時間を改善します。 - Standard Loading: ページが開くとすぐに全てのコンテンツがロードされ、全てがすぐに表示されることを保証します。                                                                                            |
| ![](/files/aITCl41qLboYbdRzOl7B)                                                                                                                                                                                                                                        |
| **Content layout**: Facebookいいねボタンには4つのレイアウトがあります： - Standard: いいねボタンといいね数が表示されます。 - Button: いいねボタンのみ。 - Button Count: いいねボタンの右側にいいね数が表示されます。 - Box Count: いいねボタンの上にいいね数が表示されます。                                                                                        |
| ![](/files/CHRT4OKwrHMJdynVaSvW)                                                                                                                                                                                                                                        |
| **Button size**: いいねボタンとシェアボタンのサイズを調整します。                                                                                                                                                                                                                               |
| ![](/files/JUR1L39PtoJSJdouQsDk)                                                                                                                                                                                                                                        |
| **Include share button**: シェアボタンを表示または非表示にします。                                                                                                                                                                                                                          |
| ![](/files/1EZabJE2QFgPAb6vu81A)                                                                                                                                                                                                                                        |

ATTRIBUTES、VISIBILITY、ANIMATIONパラメータに関する詳細情報はこちらで確認できます：[こちら](https://help.pagefly.io/manual/elements-general-settings/)

#### スタイル設定 (Styling Configuration)

![](/files/bgczZIm29oolybIUB3Ua)

Stylingタブに関する詳細情報はこちらで確認できます：[こちら](https://help.pagefly.io/manual/elements-style-settings/)

### ヒントとベストプラクティス

* 製品説明の近く、ブログ記事の後、ホームページの下部など、ユーザーがエンゲージしやすい目立つ場所に要素を配置します。
* 特にソーシャルシェアが盛んなモバイル端末で、**Facebook いいねとシェア**要素が適切に表示され、完璧に機能することを確認します。
* 既存のいいね数とシェア数を表示してソーシャルプルーフを活用し、他のユーザーにもコンテンツをいいねしたりシェアしたりするよう促します。

### よくある質問

**なぜShopifyストアにFacebook要素を追加するのですか？**

[Facebookリアクション](https://sproutsocial.com/glossary/facebook-reactions/)要素を追加することは、訪問者と交流し、顧客に転換するための素晴らしい方法です。

**なぜFacebookとShopifyを連携させるのですか？**

ShopifyアカウントをFacebookおよびInstagramアプリと連携させることは、Facebook広告キャンペーンを作成し、役立つ洞察を得て、もちろんFacebookやInstagramで商品を販売する方法です。[Facebookページ要素](https://help.pagefly.io/manual/facebook-page-element/)の追加方法をご確認ください！

**なぜソーシャルメディアはEコマースストアに適しているのですか？**

ソーシャルメディアはブランド認知度を高め、特定のユーザーに広告をターゲット設定し、売上とコンバージョン率を向上させ、顧客サポートを提供し、顧客とのより良いコミュニケーションを促進し、コミュニティ構築を支援します。

### 追加リソース

* [How to add Facebook Page Element to Shopify? (ShopifyにFacebookページ要素を追加する方法)](https://help.pagefly.io/manual/facebook-page-element/)
* [How to use ShareThis Share Buttons with PageFly (ShareThis シェアボタンをPageFlyで使用する方法)](https://help.pagefly.io/manual/how-to-use-sharethis-share-buttons-with-pagefly/)


---

# 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/pagefly-elements/social/facebook-like-element.md?ask=<question>
```

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.