2023/05/17PinterestのボードをWEBサイトに埋め込む方法まとめ!「Pinterest」はインターネット上に散らばる画像を簡単に検索・保存出来るサービスとして世界中で人気を博しています。そんなPinterestでボードに集めた画像は、Pinterest上で確認するだけでなくWEBサイトに埋め込みギャラリーとして活用することが可能です。今回はPinterestの画像の埋め込み方法をご紹介するとともに、各パターンごとのおすすめ設定方法を解説いたします。※本記事はPinterestおよびEmbedSocialシステムの埋め込み機能の使い方を解説することを目的としており、WEBサイトでの埋め込みにおいて、画像の使用における正当性の一切を保証するものではございません。Pinterestの機能を使用して埋め込む場合には、Pinterestの利用規約・著作権に関する法律等をご参照のうえ自己判断で実施いただきますようお願いいたします。EmbedSocialでは、自らが作成した画像または使用許可を得た画像のみを埋め込みとして活用することを推奨しています。目次Pinterestとは?PinterestのボードをWEBサイトに埋め込む方法Pinterestのボードをレスポンシブに埋め込む方法Pinterestのボードを他のSNSとミックスして埋め込む方法Pinterestとは?インターネットやPinterest上の画像を保存しまとめることができる画像検索サービスで、クリエイターを中心に人気を集めています。画像をもとにしたアイデアの探索といった側面から検索エンジンとしても活用することができるほか、自分の作品を画像として投稿することも可能です。ソーシャルメディアと検索エンジンの中間的な立ち位置として、米国を中心として世界的に人気なサービスです。PinterestのボードをWEBサイトに埋め込む方法Pinterestで保存した画像一覧(ボード)は、Pinterest上で閲覧するだけでなく埋め込みコードを発行してWEBサイト上に表示させることもできます。Pinterestを自分のポートフォリオとして活用し、投稿した画像をWEBサイトと同期させたい場合などに便利です。Pinterestのボードは「ウィジェットビルダー」より埋め込みコードを発行することができます。表示させるボードのURL・サイズを指定し、表示されたコードを案内に従ってページに埋め込めば表示させることができます。最後に、取得したコードを指定箇所に埋め込めば表示が完了しますPinterestのウィジェットは表示が不安定?上記箇所にはPinterest公式のウィジェットを埋め込んでいますが、ブラウザに依存することなく一部のCMSなどでは稀にウィジェットが表示されないことがあります。タグでウィジェットが構成されていることが一因とも考えられますが、もし表示が不安定な事態が発生する場合には、公式ツール以外の方法を検討してみるのも良いかもしれません。上記の手順でPinterestのボードを埋め込むことができますが、ボードをレスポンシブに表示させるためには追加のコーディングが必要となる場合があります。コーディングを行うことなくレスポンシブに表示させたい場合には、外部ツールを活用することでPC・スマートフォン両方に適した状態で表示させることが可能です。ここでは、SNS埋め込みツール『EmbedSocial』を活用してPinterestのボードをレスポンシブに埋め込む方法をご紹介いたします。サイト上に表示させる際のレイアウトを選択します。最後に、自動生成されたコードを埋め込めばレスポンシブでの表示が完了しますPinterestボードのレスポンシブ埋め込み表示例Pinterestのボードを他のSNSとミックスして埋め込む方法SNS埋め込みツール『EmbedSocial』では、PinterestだけでなくInstagram・Youtube・TikTokなどの様々なソーシャルメディアから画像・文章・動画コンテンツを収集し、WEBサイトに埋め込み活用することができます。Pinterest以外にも様々なSNSにコンテンツを展開している場合には、EmbedSocial(エンベッドソーシャル)を活用することで複数のSNSの埋め込みを一括に管理し・自由自在に組み合わせることができ大変便利です。PinterestとInstagramの画像を組み合わせて表示させる場合Pinterest・Instagramにそれぞれ投稿した画像をシステム上で組み合わせ、WEBサイト上で一つのウィジェットとして表示させることができます。複数のSNS上で異なるブランドや作品の認知拡大に活用し、WEBサイトのコンテンツとして活用したい場合におすすめです。5つの異なるSNSから収集した画像を組み合わせて表示させる場合EmbedSocialでは上記の2つに加えて、Twitter・Facebook・Youtube・TikTok・Vimeoの合計7種類のSNSから画像・動画・テキストなどを収集することができます。EmbedSocialへと収集したコンテンツについては、自由自在に組み合わせてホームページ上に表示させることが可能です。Pinterestのボード画像を特殊なレイアウトで表示させる場合EmbedSocialでは、2022年8月現在8種類のレイアウトでPinterestのボードをサイト上に表示させることができます。全てのレイアウトはレスポンシブ対応となっているため、追加のコーディングなくスマホ・PC両方に最適化した露出が可能です。GridレイアウトCarouselレイアウトPinterestのボード画像に対し、外部リンクを付け加える場合またEmbedSocialを活用して表示させる場合には、各画像に対して独自の外部リンクを追加することが可能です。投稿をクリックした際にPinterestへと遷移することなく商品ページやお問い合わせページなどへと誘導することができるようになります。EmbedSocialならSNSとWEBサイトの自由自在な連携が可能に以上のように、EmbedSocialを活用するとPinterestのボードをレスポンシブの状態で埋め込むことができるだけでなく、サイトデザインに合わせたレイアウトの変更・任意ページへの誘導などSNSを活用したHP更新の自動化・集客促進などに活用することができます。2022年8月現在、EmbedSocialは一週間の無料トライアルやWEB会議でのご案内などを実施しております。興味をもたれた方はお気軽にお問い合わせくださいませ。-簡単な操作でSNSの投稿をWEBサイトに埋め込み。キャンペーンや口コミ・更新のいらないメディアとして活用できます。国内初、独自ドメインを利用できるリンクまとめサービスをEmbedSocialが正式ローンチ。SNS連携なら7日間システムを無料でお試し!無料トライアルご導入完了までのご質問やご相談などもお気軽にお問い合わせください。お問い合わせ導入に関するご不明点を専門スタッフが解決します。相談するお見積りご導入内容に合わせた最適なプランを選択できます。製品の使い方を解説するウェビナーを開催しています。特定商取引法に基づく。