---
title: "ペライチにソーシャルメディアフィードを埋め込む方法"
description: "EmbedSocialのウィジェットをペライチのページに埋め込む手順を説明します。"
---

ペライチのページにソーシャルメディアフィードを埋め込みたい場合、数クリックで設置できます。手順は次のとおりです。

> EmbedSocialのアカウントをまだお持ちでない場合は、[7日間のトライアルを開始](/admin/continue_plugin_purchase/socialfeed29/trial?continue_onboarding=ai_widget&lang=ja)してください。

はじめに、EmbedSocialのアカウントで[ウィジェットを作成](/docs/getting-started/create-widget/)し、コードを取得してください。ペライチ側では**タグ（HTML/CSS/JS）の埋め込み**に対応したプランが必要です。これは**レギュラープラン以上**でご利用いただけます（ライトプランおよびフリープランでは利用できません）。

## ペライチにウィジェットを埋め込む方法

:::steps
1. **ウィジェットのコードをコピーします。** EmbedSocialで **[Widgets](/admin/social_feed?lang=ja)** を開き、埋め込みたいウィジェットを選択します。左の設定パネルで '**Embed**' タブをクリックし、'**Copy code**' をクリックします。
![EmbedSocialのウィジェットエディターのEmbedタブに埋め込みコードとCopy codeボタンが表示されている画面](https://embedsocial.com/images/docs/peraichi/1.jpg)
2. **ブロックを挿入します。** ペライチで編集したいページを開き、ウィジェットを配置したい位置の '**+**' ボタンをクリックします。
![ペライチのページでブロック挿入ボタンをクリックしている画面](https://embedsocial.com/images/docs/peraichi/2.jpg)
3. **HTML embedを選びます。** ブロックの選択画面で左の列から '**Other**' を選び、'**HTML embed**' を選択します。
![ペライチのブロック選択画面でOtherカテゴリーのHTML embedを選んでいる画面](https://embedsocial.com/images/docs/peraichi/3.jpg)
4. **コード入力欄を開きます。** '**Click here to paste the code you want to embed**' と表示されているプレースホルダーをクリックします。
![HTML embedブロックにコード貼り付け用のプレースホルダーが表示されている画面](https://embedsocial.com/images/docs/peraichi/4.jpg)
5. **貼り付けて保存します。** EmbedSocialからコピーしたコードを入力欄に貼り付け、'**Save**' をクリックします。
![ペライチのHTML embedのダイアログにEmbedSocialのウィジェットコードを貼り付けた画面](https://embedsocial.com/images/docs/peraichi/5.jpg)
6. **プレビューまたは公開します。** '**Preview**' または '**Publish**' をクリックすると、ページ上でウィジェットの表示を確認できます。
![ペライチのページエディターのサイドバーに表示されたPublishボタンとPreviewボタン](https://embedsocial.com/images/docs/peraichi/6.jpg)
:::

ウィジェットは公開後のページに表示され、接続したソースから投稿をライブで取得します。

![公開されたペライチのページにEmbedSocialのライブウィジェットがInstagramの投稿を表示している画面](https://embedsocial.com/images/docs/peraichi/7.jpg)

> 貼り付けたコードは、ペライチの編集画面の中では表示されません。プレビューまたは公開後のページでのみ表示されます。これは仕様であり、エラーではありません。

> ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏

## ペライチへの埋め込みに関するよくある質問

**ペライチの編集画面でウィジェットが表示されないのはなぜですか？**

ペライチの編集画面では、HTML embedブロックはライブ表示ではなくコードそのものが表示されます。'**Preview**' または '**Publish**' をクリックすると、ウィジェット自体をご確認いただけます。

**HTML embedブロックが保存できないのはなぜですか？**

ペライチではタグの埋め込みはレギュラープラン以上の機能です。ライトプランまたはフリープランをご利用の場合、プランをアップグレードするまでHTML embedは利用できません。

**埋め込んだ後、ウィジェットは自動的に更新されますか？**

はい。埋め込みコードはEmbedSocialからウィジェットをライブで読み込みます。そのため、新しい投稿の取り込み、モデレーションの変更、レイアウトの編集は、コードに手を加えなくてもペライチのページに反映されます。

## 次のステップ

[モデレーション](/docs/widgets/moderation/)を設定すると、ページに表示する投稿を選べます。埋め込みの成果を確認するには[ウィジェット分析](/docs/widgets/analytics/)をご覧ください。埋め込みに対応している他のプラットフォームは、[EmbedSocialの連携一覧](/integrations/)でご確認いただけます。

> ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏
