サイトに新しいソーシャルコンテンツを追加するのは、それほど面倒ではありません。Squarespaceのウェブサイトをお持ちで、Facebookフィードを追加したい場合は、コーディングやデザインの変更を一切せずに、簡単かつ確実に追加できる方法があります。
SquarespaceサイトにFacebookフィードを表示すると、リアルタイムの更新情報でサイトを常に最新の状態に保ち、ソーシャルプルーフを通じて顧客の信頼を築くことができます。Facebookフィードは、お知らせ、ユーザー生成コンテンツ、ソーシャルインタラクションなどに活用でき、ウェブサイトを活気に満ちた魅力的なものにすることができます。
この記事では、Squarespace の Web サイトに Facebook フィードを追加する方法、それを行う理由、そしてそれを行う最も簡単な方法について説明します。
Squarespace に Facebook フィードを追加する理由は何ですか?
ブランドがすでにFacebookをしばらく実験していて、その方法を学んでいる場合 ウェブサイトにFacebookフィードを埋め込む コンテンツをより良いものにするための素晴らしい方法です。
ウェブサイトは通常、潜在顧客にとって最初の接点となるため、 FacebookウィジェットをSquarespaceに、ソーシャル メディアでの直接的なエンゲージメントとサイト上でのコンバージョンが可能になります。
このように、多くの企業は Facebook フィードを Squarespace に埋め込むことで、視聴者を引き付けています。
- サイトを定期的に更新します。 Facebook フィードは自動的に更新されるため、サイトには常に最新のアクティビティが表示されます。
- 社会的証明を活用して信頼を獲得する: 本物の投稿、レビュー、地域コミュニティの交流を展示します。
- エンゲージメントを高める: ときにあなたを Facebookビデオを埋め込む、投稿、その他の形式のコンテンツが多いほど、ユーザーは滞在して他のユーザーが作成したコンテンツを閲覧する可能性が高くなります。
- ブランドアイデンティティの向上: あなたのウェブサイトを活気あるソーシャル メディアの存在感と一致させましょう。
ブランドがすでに実験を行っている場合 Facebookのウィジェット しばらくお待ちいただく場合は、フィードを埋め込むと、コンテンツがより役立つようになります。
SquarespaceウェブサイトにFacebookフィードを追加する
方法1：SquarespaceウェブサイトにFacebookフィードを追加する組み込みの方法
ライブ Facebook フィードが必要なく、単に Facebook ページを Squarespace Web サイトにリンクしたいだけの場合は、Squarespace に組み込まれているソーシャル リンク機能を使用できます。
この方法では、Facebook アイコンが表示され、訪問者が直接 Facebook ページにリンクされます。
Squarespace に Facebook フィードを追加する方法:
- あなたにログインする Squarespaceダッシュボード
- に行く 設定
- ソフトウェアの制限をクリック ソーシャルリンク
- あなたを追加 FacebookページのURL
- Save 変更
追加すると、選択したテンプレートに応じて、Facebook アイコンが Web サイトに自動的に表示されます。
注意： このオプションは Facebookリールを埋め込む、投稿、更新などではなく、訪問者を Facebook にリダイレクトするクリック可能なアイコンのみが含まれます。
方法2: Facebook APIを使用してFacebookフィードを埋め込む
技術的な専門知識を持つ人にとっては、 Facebook API ウェブサイトに表示される Facebook コンテンツを完全に制御できます。 ただし、この方法では以下が必要です。
- コーディング知識
- API認証の設定
- 継続的なメンテナンス
- Facebookプラットフォームのポリシーの遵守
ほとんどの Squarespace ユーザーにとって、Facebook フィード アグリゲータは機能性と使いやすさの最適なバランスを提供します。
方法3：FacebookフィードをSquarespaceウェブサイトに追加する Taggbox
SquarespaceサイトにFacebookフィードを埋め込むための非常に簡単な手順をご説明します。 Taggbox - 一つ 最高のFacebookアグリゲーター ソーシャル メディア コンテンツを収集、カスタマイズ、紹介します。
ステップ1：Facebookフィードを埋め込んで作成する
- あなたの作成 Taggbox アカウント または、既にアカウントをお持ちの場合はログインしてください。
- "を選択ウェブサイト上のソーシャルフィード” 続行するには
- 種類を選択してください 産業を変えます あなたは前進する
- 選択する Facebook コンテンツのソースとして
- ご希望の接続タイプを選択し、Facebookアカウントに接続してコンテンツを収集します。「フィードを作成。」 これで、あなたのフィードが表示されるようになります。
- Facebookフィードギャラリーの準備ができました。モデレーションツールを使用して、公開する投稿を確認し、管理してください。
ステップ2：Facebookフィードを管理およびカスタマイズする
内蔵のフィルター＆モデレーションパネルを使って、収集した投稿を確認し、Squarespaceウェブサイトに表示される内容を管理できます。承認ボタンを切り替えるだけで、公開したくないコンテンツを非表示にできます。
- 押す カスタマイズと公開チャネルとしてウェブサイトを選択
- Facebookフィードを美しく見せるには、フォントや色を変更したり、カードのスタイルやレイアウトを選択したり、キャプションをオンまたはオフにしたり、CTAボタンを挿入したりします。完了したら、 コードを生成.
ステップ3: Facebookフィード埋め込みコードを生成して埋め込む
- CMSのリストから選択 Squarespace
- ウィジェットの幅と高さを決めます。 HTML埋め込みコード それをコピーして生成された
- あなたの〜を入力してください Squarespace アカウント
- 以下を行うには、 [編集]ボタン Facebookフィードを埋め込む
- メディア掲載 （+） ブロックを追加して選択 CPコード コロナ新型ウィルス(COVID-XNUMX)やメンタルヘルスの崩壊を避ける為の
- 挿入する Taggbox 埋め込みコード 変更を保存して永続化します
完了ですSquarespace ウェブサイトに Facebook フィードを埋め込むことがさらに簡単になりました。
比較表: どの方法が最適ですか?
| 機能 | ソーシャルリンク（組み込み） | Facebook API | Taggbox |
|---|---|---|---|
| ライブFacebookフィードを表示 | ❌ | ✅ | ✅ |
| 投稿、写真、動画を表示 | ❌ | ✅ | ✅ |
| リールとアルバムをサポート | ❌ | カスタム開発が必要 | ✅ |
| デザインとレイアウトのカスタマイズ | ❌ | 完全カスタム（開発者が必要） | 上級（コーディングなし） |
| コンテンツのモデレーション | ❌ | 手動で構築する必要がある | ✅ 内蔵 |
| 必要なコーディング知識 | ❌ | ハイ | ❌ |
| API認証の設定 | ❌ | 必須 | 自動的に処理 |
| 継続的なメンテナンス | ❌ | 開発者必須 | 管理 |
| Facebookポリシーの遵守 | ❌ | あなたの責任 | プラットフォーム管理 |
| 設定時間 | 1～2分 | 開発期間が長い | 数分 |
| 以下のためにベスト | シンプルなリンク | 技術チーム | ビジネスとマーケティング担当者 |
- 可視性だけが必要な場合は、ソーシャル リンクを使用します。
- シンプルなライブ フィードが必要な場合は、Facebook API を使用します。
- デザインの制御とエンゲージメントの最適化が必要な場合は、フィード アグリゲータを使用します。
わずか数ステップの簡単な手順で、ライブ Facebook の投稿やビデオを Web サイトに表示できます。
最終的な言葉
SquarespaceのウェブサイトにFacebookフィードを追加することは、静的なサイトをソーシャルファーストな体験に変える最も簡単な方法の1つです。固定コンテンツだけに頼るのではなく、訪問者にリアルタイムの更新、本物のインタラクション、そして信頼を瞬時に構築するソーシャルプルーフを提供します。SquarespaceにはSquarespaceウェブサイトにFacebookフィードを追加するネイティブな方法がありますが、次のようなツールに頼ることもできます。 Taggbox ぴったりです。
よくある質問
あなたにログインする Taggbox アカウントを作成し、Facebookページを接続してFacebookフィードを作成します。フィードの準備ができたら、「公開」をクリックし、CMSとしてSquarespaceを選択して、埋め込みコードを生成します。生成されたコードをコピーし、Squarespaceウェブサイトのコードブロックに貼り付けます。
はい、もちろんです。FacebookフィードをSquarespaceサイトの特定のページまたはセクションに埋め込むには、以下の手順で追加できます。 Taggbox そのエリアのコードブロックにコードを埋め込んでください。これにより、ホームページ、商品ページ、ランディングページ、あるいは専用のソーシャルウォールセクションなど、フィードの配置場所を完全に制御できます。
生成された埋め込みコードをフィードが表示される場所に貼り付け、変更を保存するだけで、選択した場所にのみ表示されます。
はい、Facebookフィードの外観は完全にカスタマイズできます TaggboxSquarespaceのウェブサイトデザインに合わせて、レイアウト、テーマ、フォント、色、間隔、カードスタイルなどを変更できます。 Taggbox また、キャプションの有効化/無効化、コールトゥアクションボタンの追加、ウィジェットのサイズ調整なども可能で、フィードがサイト全体のデザインやブランディングにシームレスに溶け込むようにすることができます。
