--- title: "ウィジェットをWebサイトに埋め込む" description: "ウィジェットコードをコピーしてWebサイトに埋め込む方法を説明します。" --- ウィジェットの準備が整いましたので、Webサイトに設置しましょう。ウィジェットは、WordPressやShopifyからGoogle Sitesまで、HTMLの埋め込みに対応しているWebサイトであればどこでも動作します。公開までにかかる時間は2分ほどです。 ## ウィジェットコードをコピーして貼り付ける :::steps 1. '**Widgets**'（ウィジェット）を開き、埋め込みたいウィジェットをクリックします。ウィジェットエディターの左側で '**Embed**' をクリックし、'**Copy code**' をクリックします。 ![JavaScriptコードとCopy codeボタンが表示されたHomeタブのEmbed widgetパネル](https://embedsocial.com/images/docs/embed-code/1-copy-the-javascript-code.jpg) 2. ご利用のWebサイトビルダーを開き、ウィジェットを表示したいページにコードを貼り付けます。ほとんどのビルダーには、このためのカスタムHTMLまたは埋め込みコード用のブロックが用意されています。 3. ページを公開し、開いてウィジェットが表示されていることを確認します。 ::: これで完了です。ウィジェットを埋め込むと、Webサイト上にコンテンツが表示されます。 ## サイトに合ったコード形式を選ぶ 既定は '**JavaScript**' で、ほとんどの環境ではこれが適切です。ご利用のビルダーがスクリプトを除去してしまう場合は、'**Select code type**' のドロップダウンを '**iFrame**' に切り替えてください。リンクしか設置できない場所では '**URL**' を、WordPressでは '**WordPress shortcode**' を使用します。 ![JavaScript、iFrame、URL、WordPress shortcodeが選択肢として表示されたSelect code typeのドロップダウン](https://embedsocial.com/images/docs/embed-code/2-select-code-type.jpg) 各形式の違いや、遅延読み込みとSPAのオプションについては、[埋め込みコードのガイド](/docs/widgets/embed-code/)をご覧ください。 ## 主要なWebサイトビルダー別のガイド カスタムコードの貼り付け方はビルダーによって少しずつ異なります。主要なプラットフォームごとの手順ガイドは次のとおりです。 - [WordPressに埋め込む](/docs/integrations/wordpress/) - [Shopifyに埋め込む](/docs/integrations/shopify/) - [Squarespaceに埋め込む](/docs/integrations/squarespace/) - [Wixに埋め込む](/docs/integrations/wix/) - [Webflowに埋め込む](/docs/integrations/webflow/) - [Google Sitesに埋め込む](/docs/integrations/google-sites/) - [Elementorに埋め込む](/docs/integrations/elementor/) さらに多くのプラットフォームのガイドは、[連携（Integrations）のセクション](/docs/integrations/)でご覧いただけます。 ## 知っておきたいこと：更新は自動で反映されます ウィジェットを一度埋め込めば、その後コードに手を加える必要はありません。新しい投稿やレビューは自動的に同期され、エディターで加えたデザイン変更もそのままWebサイトに反映されます。 ## 埋め込みに関するよくある質問 **変更のたびにウィジェットを埋め込み直す必要がありますか？** いいえ。ウィジェットエディターで保存した変更は、Webサイトに自動的に反映されます。 **WebサイトがJavaScriptコードに対応していません。代わりの方法はありますか？** はい。ウィジェットを開いて '**Embed**' をクリックし、'**Select code type**' のドロップダウンから '**iFrame**' を選ぶと、iframe版のコードをコピーできます。なお、iFrameコードではLightboxモードなど一部の機能が制限されますのでご注意ください。 **Google SitesにInstagramフィードを埋め込むにはどうすればよいですか？** 上記の手順でウィジェットコードをコピーし、Google Sitesで '**Insert**' タブを開いて '**Embed**' を選び、ダイアログで '**Embed code**' をクリックしてコードを貼り付け、'**Next**' をクリックします。その後 '**Insert**' をクリックすると、ウィジェットがページに配置されます。スクリーンショット付きの詳しい手順は[Google Sitesのガイド](/docs/integrations/google-sites/)をご覧ください。 **ウィジェットはいくつのWebサイトに埋め込めますか？** ご利用のプランによって異なります。[詳細はこちら](/docs/billing/limits/)をご覧ください。 **ウィジェットがページに表示されません。どうすればよいですか？** よくある原因を[トラブルシューティングのセクション](/docs/troubleshooting/)で確認するか、ライブチャットでお問い合わせください。 ## 次のステップ ウィジェットが公開されました。次はプランと制限の仕組みを確認しましょう。[プランと含まれる内容](/docs/billing/plans/)。 > ご不明な点がございましたら、画面右下のチャットアイコンからカスタマーサクセスチームにお問い合わせいただくか、[support@embedsocial.com](mailto:support@embedsocial.com) までメールをお送りください。喜んでサポートいたします 🙏