• 投稿日 2021/07/16
  • 最終更新日 2024/12/11

【アップデート情報】iframeタグを使って埋め込みができるようになりました!

2021年7月のアップデートにより、EmbedSocialフィード機能においてウィジェットをiframe経由で埋め込みできるようになりました!これによりJavaScriptでの埋め込みに対応していないCMS等でも埋め込みを行う事が可能となり、また、その他にも埋め込みコードの新しいオプションが追加され様々な掲出方法を実現することができるようになりましたのでご紹介いたします。

目次

  1. iframeタグを使用してEmbedSocialウィジェットを埋め込む方法
  2. 2021年7月のアップデートにより追加された、新たな埋め込むオプション

iframeタグを使用してEmbedSocialウィジェットを埋め込む方法

iframeタグを使用して埋め込みを行うことで、縦横の表示幅を固定した状態でウィジェットを表示させることができるようになります。ウィジェットに多くの画像を表示させつつ、限りられたスペースで掲出を行いたい場合などにとても有効です。

iframeタグを通して埋め込みを行う場合には、ウィジェットの編集画面から コード>その他オプション を選択します。ポップアップが表示されいくつかの埋め込みオプションの中から、一番上の「縦横のサイズを固定する」に該当するコードを取得し埋め込みを行います。

埋め込み方法の詳細はこちら:iframeタグを使用してInstagram投稿を埋め込む方法

iframeタグを使用した埋め込み例

また従来の埋め込みコードの選択肢はJavaScriptのみであったため、JavaScriptの埋め込みができない一部のCMSではEmbedSocialウィジェットを埋め込んでSNSの投稿・口コミをWEBサイトへと連携させることができませんでした。

今回のアップデートによって、国内でも人気の高いWEBデザインツール「STUDIO」などより幅広い選択肢のシステムに対して連携を行うことができるようになりました。

2021年7月のアップデートにより追加された、新たな埋め込むオプション

また今回のアップデートでは、iframeタグの他に新たに2つの埋め込みオプションが追加されました。カスタムCSSの追加なく柔軟な掲出ができるようになり、調整にかかる時間を軽減しより早い実装が実装が可能となります。

フルレスポンシブで埋め込みを行う方法

一つ目の新しい選択肢は、縦幅・横幅ともにフルレスポンシブで掲出する方法です。

従来のJavaScriptコードでは、横幅が一定の大きさを超えた時点でウィジェットの横幅は固定されましたが、こちらのコードを活用することでブラウザまたはサイト内要素の最大幅までウィジェットの表示領域を拡張させることができます。

縦幅を自動調整、横幅を指定して埋め込みを行う方法

2つ目の新しい選択肢は、横幅を固定して埋め込みを行う方法です。

従来のJavaScriptコードでは難しかった横幅のサイズ指定が簡単にできるようになり、PC画面でもスマホのように各投稿を大きく強調する形で掲出することができるようになりました。

新しく追加された埋め込みオプションはいかがでしたでしょうか?

EmbedSocialでは常にアップデートが実施され、ユーザーの皆様にとってより使いやすく・効果の高いツールを目指して改良が行われています。新たな機能のご要望やSNSや口コミを活用した新たな実装のご希望などございます際には、お気軽にご相談くださいませ。

embedsocial

UGC活用ツール
- エンベッドソーシャル -

7種類以上のSNSから投稿を収集してウェブサイトで活用。初期費用なし・クレジットカード決済可能

無料トライアル
この記事を書いた人
EmbedSocial Japan編集部
EmbedSocial Japan編集部
国内3,000ユーザー以上が活用するデジタルマーケティングツールを展開しています。数多くの利用者から学ぶSNS・UGC活用のベストプラクティスを企業の担当者向けに発信しています。
導入完了にあたってのご相談など
お気軽にお問い合わせください