メインコンテンツにスキップ
ペライチにSNSフィードを埋め込む方法
Rio Tanaka avatar
対応者:Rio Tanaka
1年以上前に更新

国内で最も利用されているホームページ制作ツールの一つである「ペライチ」で作成したページに、EmbedSocialを使って作成したSNSフィードを表示させる方法をこの記事ではご紹介します。

設定方法:

  1. EmbedSocialの管理画面でコードを取得する

  2. ペライチでタグの埋め込みが可能なプランを契約

  3. ペライチで作成したページにコードを埋め込む

以上の流れになります!以下では、画像を使って詳細な流れをご説明します。

1. まずEmbedSocialの管理画面でウィジェットを作成したのち、編集画面の左上に表示されているコードを取得します。

2. ペライチで「HTML・JavaScript」のタグが埋め込み可能なプランを契約します。2023年9月現在では、料金ページにてレギュラープラン以上で利用可能と記載されています。

上記は2023年9月時点での内容です。ペライチのサービス提供内容については変更の可能性がありますので、ご自身で最新情報の確認をお願いいたします。

3. ペライチでページの作成を開始し、「ブロックの挿入」をクリックします。

4. ブロックに追加する要素において、「その他」から「HTML埋め込み」を選択します。

5. 「HTML埋め込み」のブロックを挿入すると、「ここをクリックして埋め込みたいコードを貼り付けてください。」というテキストが表示されます。このテキストをクリックしコードの貼り付けへ進みます。

6. 冒頭で取得したEmbedSocialのコードを貼り付け、保存します。

設定は以上で完了です!プレビューまたはページを公開を選択することで、埋め込まれたコードがサイトで実際に表示される様子を確認することができます。

*編集画面では貼り付けたコードがそのまま表示されました。

設定においてご不明な点がございましたら、右下のチャットよりお気軽にCSチームまでご相談くださいませ。また、本記事の内容が最新でない場合にはお手数ですがお知らせいただけますと幸いです。

こちらの回答で解決しましたか?