instagramの投稿をサイトなどに載せるための、「埋め込み」機能があります。
埋め込みすると聞くと少し難しく感じるかもしれませんが、とても簡単です。
instagramのコードをコピーして、載せたい場所にペーストするだけです。
こちらの記事では、埋め込み機能の具体的な使い方を詳しく紹介しています。ぜひ参考にしてください。
目次
Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。
【Instagram】埋め込み機能とは？
instagramの投稿をサイトなどに、貼り付けるのが「埋め込み」です。
埋め込みした所からinstagramへ移動し、投稿者のアカウントやプロフィールが見られるので、フォロワーを増やすことに繋がります。
また、埋め込みができるのは、公開されているアカウントに限られます。
公開されているアカウントなら、他の人の投稿を埋め込むことができるので、親しい友人やビジネスパートナーなどの投稿も拡散可能です。
ただし、相手の了承がなく無断で載せると、嫌な気持ちになるユーザーも中にはいるもの。
面識のない人の投稿を埋め込む時は、直接コンタクトを取って許可を得てから載せるようにしましょう。
Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。
【Instagram】埋め込み機能の使い方
アプリは埋め込みができず、Webバージョンでしか使用できないので注意しておきましょう。
コードをコピーする際には、スマホより、画面の大きいパソコンを使うと良いです。
それぞれ埋め込みの手順を紹介していきます。
パソコンで埋め込む方法
パソコンで、instagramの投稿を埋め込みする順序はこちらです。
- HTMLに変換可能か確かめる
- 自分のアカウントにログイン
- 投稿を選ぶ
- コードをコピーする
- HTML編集でペーストする
1. HTMLに変換可能か確かめる
最初に埋め込みするサイトが、HTMLに変換可能か確かめてください。
HTMLに変換できないと埋め込みできないので、はじめに確認しておきましょう。
2. 自分のアカウントにログイン
Webバージョンのinstagramからログインをします。ユーザーネームとパスワードを入れます。
3. 投稿を選ぶ
自分以外に他の人の投稿も埋め込みはできますが、公開アカウントに限られるので確認します。
埋め込みができるのは、写真や動画のみになり、ストーリーズやIGTVは埋め込みが不可です。
4. コードをコピーする
埋め込みたい投稿を選んだら、画面右上にある「…」をクリックします。
そうすると「埋め込み」が選択できるので、さらにクリック。
埋め込みコードが表示されコピーをします。
「キャプションを追加」に最初からチェックが付いていますが、外すとキャプション（投稿の文章）がない状態の埋め込みコードを入手できます。
5. HTML編集でペーストする
コードをサイト内に載せたい所に、貼り付けをします。
貼り付ける時は、HTMLの入力画面にしてください。
WordPressの場合は、「テキスト」モードにするとHTML編集になります。
コードを貼り付けたら、英数字が並んだ状態になっています。
その後、HTML編集を解除して本文を見てみると、instagramの投稿が埋め込みされています。
スマホで埋め込む方法
アプリは埋め込みができません。
スマホから埋め込む方法は、Webバージョンのinstagramを使用します。
スマホはパソコンに比べて画面が小さく、使用しづらいデメリットがあります。
そして、スマホのサイトがHTML編集に対応していないケースも考えられるので、その場合はパソコンを使うと良いでしょう。
スマホで埋め込みをする手順はこちらです。
- HTMLの入力ができるか確かめる
- Webバージョンのinstagramにログインする
- 投稿を選んでコードをコピーする
- コードをペーストする
1. HTMLの入力ができるか確かめる
まずは、ブログやサイトが HTML編集できるか確かめます。
パソコンでHTMLの編集ができるブログだったとしても、スマホには対応していないこともあるので、気をつけておきましょう。
2. Webバージョンのinstagramにログインする
ブラウザからwebのinstagramにログインして、自分のアカウントを開きます。
3. 投稿を選んでコードをコピーする
投稿を選んだら、パソコンの時と同様に「…」をタップし、埋め込みを選択します。
埋め込みコードが表示されるので、コピーをタップします。
「キャプションを追加」にチェックがされているので、キャプションを非表示にしたいなら外しておくと良いです。
4. コードをペーストする
HTML編集に切り替えて、埋め込みコードをコピーしたものを貼り付けます。
今度は入力形式を戻し、貼り付けたコードが本文で画像として表示されています。
ブログを投稿してみて、実際に埋め込みした画像が表示されているか確かめておきましょう。
「instagramでもっと見る」をタップしてみると、投稿したアカウントへ移動できます。
中央揃えする方法
instagramの埋め込みをして、画像がサイト中央に表示されなかった場合、HTML編集で埋め込みコードの両脇に「center」を入力しましょう。
具体的には、「<center>（埋め込みコード）</center>」と入力してください。
サイズを変える方法
埋め込んだ画像は、サイズを変えることも可能です。
コードの中に、下記の内容が表示されています。
- max-width:540px;（画像の横幅のこと）
- min-width:326px;（画像の縦幅のこと）
埋め込みコードには、上記のように画像サイズを表示している部分があるので、数値を変えるとサイズも変更します。
具体的には「max-width:250px; min-width:250px;」と数値を250に設定すると、埋め込んだ画像は小さく表示されます。反対に画像を大きくしたい場合は、数値を上げると良いです。
Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。
【Instagram】埋め込み機能のメリット
埋め込みにはどんなメリットがあるのか、6つ紹介していきます。
CTAボタンを設置することでコンバージョン率アップ
埋め込んだ投稿にCTAボタンを取り付けると、サービス購入ページに直接移動できます。
投稿されたサービスや商品が欲しいとユーザーが思っても、どこから購入して良いか分かりづらいと、購入までに至らないでしょう。CTAボタンを設置すると、商品を買いたい気持ちを持続させることが可能なので、ユーザーの離脱率は少なくなります。
CTA（コールトゥアクション）とは、ユーザーにして欲しい行動を促すためのボタンを言います。
具体的には、商品やサービスを紹介するページに、「詳しくはこちら」などといったボタンを取り付けると、ユーザーは購入ページに移動できます。
他にもinstagramのCTAボタンは下記の種類があります。
- インストールする
- 購入する
- 予約する
- リンクを開く
- 申し込む
- お問い合わせ
- 登録する 等
指定のハッシュタグが付いた投稿をまとめられる
instagramの投稿で、ユーザーにある特定のハッシュタグを付けてもらう条件のキャンペーンがありますが、当てはまる投稿を、1つにまとめて表示できる機能があります。
自社のサービスを宣伝するために行われたキャンペーンの場合、instagramで投稿を閲覧した人に知ってもらえるだけではなく、投稿を1つにまとめることで、「自分もサービスを購入してキャンペーンに参加したい」と促すこともできます。
情報をいち早く伝えられる
Instagramで情報を発信する時は、基本的にinstagramのユーザーに向けてですが、アカウントを持っていない人や、利用すらしていない人には情報を届けづらい点があります。
しかし、同様の情報をブログやサイトでも見られるようにできれば、たくさんの人に情報を発信することが可能です。埋め込んだinstagramの投稿は、更新のたびに反映すれば、わざわざサイトを更新する必要がなくなります。
具体的には、飲食店の営業時間が変わった時など、instagramで発信しておけば、サイト内の埋め込み投稿は更新しなくても良いということです。
センス良い画像に仕上がる
instagramには編集できる機能があり、画像をオシャレにアレンジすることが可能です。
ブログやサイトの画像をこだわって良いものにしたいなら、instagramで編集した画像を埋め込むとセンス良いサイトに仕上がるでしょう。
自社アカウントのアピールに有効
自社の公式アカンウトとしてinstagramを運用しているのに、フォロワーが増えづらいという人も多いでしょう。
そういった場合は、自社ホームページでinstagramのアカウントをアピールすることは効果的です。
自社の商品を魅力的に撮影した写真や、動画などを埋め込んで表示していれば、instagramのフォロワーの獲得に繋がります。
ユーザーの口コミが伝わりやすい
購入した商品の良さや使い心地などを投稿しているユーザーは多くいますが、その口コミ投稿をブログやサイトに載せることができます。ECサイトを利用している人なら、商品の良さをアピールするのに良い手段になるでしょう。
さらに、投稿にある「いいね」の数が多いほど、商品の魅力はより伝わりやすくなるというもの。
ただし、投稿した内容は、投稿した人に権利があるので、ブログやサイトに埋め込む際には、直接本人に許可を得る必要があります。
Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。
Instagramの埋め込みの活用方法
Instagramの埋め込みには多くのメリットがあるので、導入を検討する企業もいるでしょう。
しかし、どのように活用すればいいか悩む担当者もいるはずです。
Instagram埋め込みの活用方法には、次のようなものが挙げられます。
- 投稿にCTAボタンを設置する
- エンベッドソーシャルを使う
投稿にCTAボタンを設置する
Instagram埋め込みを活用すれば、SNS上に更新不要の商品カタログを作成できます。
投稿にCTAボタンを設置すれば、投稿から購買行動に直結できるため、売上向上にも繋げられるでしょう。
なかには、投稿上に「お問い合わせ」や「もっと見る」というボタンを設置して、ユーザーとの密なコミュニケーションを図る企業ブランドもあります。企業がどのような効果を得たいかによって、CTAボタンを設置できるのも特徴です。
エンベッドソーシャルを使う
エンベッドソーシャルを使用すれば、投稿を自動更新できます。エンベッドソーシャルは、SNSの写真や動画などをウェブサイトに組み込むことができる、SaaS型ウィジェット作成ツールです。
Instagramに投稿するだけで、サイト上の埋め込みインスタも自動的に更新されます。担当者の作業負担を減らしつつ、常に最新状態を維持できるのです。ショッピングサイトの運用を効率化したいなら、エンベッドソーシャルの利用がおすすめです。
Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。
【Instagram】埋め込み機能の注意点
投稿を埋め込む時にはいくつか気をつけておくポイントがあるので、紹介していきます。
非公開のアカウントは利用できない
他の人や自分の投稿でも、アカウントが非公開（鍵アカ）の場合は、埋め込みができないのです。
普通は、投稿した画像の右上にある「…」をクリックすると、「埋め込み」を選ぶ画面が出てきますが、非公開のアカウントだと表示されません。
自分のアカウントが非公開だった場合は、公開にするだけで埋め込みは可能です。
投稿者の許可を得る
自分以外の投稿を埋め込みたい時は、DMからでも直接本人に連絡して、埋め込んで良いか確認を取るようにしてください。
少し前までは、instagramの画像の使用について、埋め込みで表示されたものは「本人の許可は不要」と法廷で言われていました。しかし、instagram社が2020年に発表した内容は、「埋め込み機能を使用しても著作権侵害にあたる」となりました。
もし著作権の侵害にあたると、「10年以下の懲役または1,000万円以下の罰金」が科せられてしまうこともあるため、他人の投稿を埋め込む時は、必ず本人の許可を得てからにしましょう。
表示されないこともある
instagramの投稿と埋め込んだ投稿は連動しているため、instagram上で削除したり、内容を変えたりすると埋め込みも変更されます。
instagramで投稿した文章を変えると、埋め込んだ投稿も同じく変わるというもの。
削除した場合は、「リンクに問題があるか、投稿が削除された可能性があります」と表示されます。
自分のアカウントだと投稿した内容を変えたり、削除したりしたことは把握していますが、自分以外のアカウントの場合は、いつ変更があったのか不明なので、埋め込んでいるなら、たまに投稿を確かめておくと良いでしょう。
ストーリーは埋め込み不可
ストーリーの投稿は24時間と制限されているため、埋め込み機能を使用することはできません。
とはいえ、ストーリの投稿をどうしても埋め込みたいと望むなら、メニューボタンをクリックして「投稿としてシェア」を選択し、投稿にあげます。
ストーリーが動画だと静止画になってしまいますが、前述した通りの手順で埋め込みコードをペーストするとサイトに投稿を掲載できます。
埋め込みが表示されない時の対策法
コードをコピーしてペーストしても、投稿がうまく表示されないことがあるというもの。
そのような時には、どのような対策をしたら良いのか紹介していきます。
端末とブラウザはバージョンアップする
端末やブラウザのバージョンが昔のままだと、いろいろと不具合が起きやすくなるものです。
よって、埋め込みコードをペーストしただけだと、画像が表示されないことがあるので、バーションが最新かどうか確かめましょう。
通信環境は正常か
Wi-Fiなどの通信がきちんと正常ではないと、埋め込みをしても画像が表示されないことがあります。
通信環境が整っていない場所や、繋がりにくい場所ではないか確かめておきます。
HTMLにペーストしているか
サイトの本文に埋め込みコードをペーストしていないか、確認してみてください。
コードを貼り付ける時は、必ずHYML編集の画面にしないと、埋め込みができません。どこにコードをペーストしているのか、再度確認してみましょう。
Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。
【Instagram】埋め込み機能に役立つツール3選
Instagramへの埋め込み機能に役立つツールには、次のようなものがあります。
- 圧倒的な実績を誇る「Letro」
- 幅広い機能を備える「EmbedSocial」
- 横断的に活用できる「OWNLY」
それぞれの特徴を確認していきましょう。
ツール① 圧倒的な実績を誇る「Letro」
大手ECから急成長D2Cまで多くの企業で導入実績がある運用型UGCツールです。
数値に基づいて「UGC生成」から試行錯誤を繰り返す「PDCA」を回す仕組みが整っています。通販とUGCに精通した経験豊富な専門家がサポートしてくれるため、初心者でも安心して利用することが可能です。
料金体系は、初期費用と月額費用になります。
ツール② 幅広い機能を備える「EmbedSocial」
世界で15万件を超える導入実績があるSaaS型のウィジェット作成ツールです。
Instagramの写真や動画、口コミなどをWEBサイトに埋め込めます。Instagram以外にもTwitterやFacebookなど7種類以上のSNSに対応しているのも魅力です。またプランごとに豊富な機能が備わっており、自由に組み合わせられます。
料金体系は、初期費用0円と月額費用です。
ツール③ 横断的に活用できる「OWNLY」
導入ブランド実績は700社を超える、SNSマーケティング手法に対応するキャンペーンツールです。
OWNLYはツールの提供だけでなく、企画から広告運用まで幅広くサポートしてくれます。初めて使用する方でも安心して利用できるのも魅力です。またDM一斉送信や特設ページ設置、アンケート、レポート表示など様々な機能が備わっています。
料金体系は、初期費用と月額費用です。
Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。
Instagramの埋め込みを実践している企業事例
これからInstagram埋め込みの導入を検討するにあたって参考になるのが、企業事例です。
近年は、多くの企業でInstagram埋め込みが活用されています。これらの企業事例を参考に、Instagram埋め込みを活用するのがおすすめです。
主な企業事例には、次のようなものが挙げられます。
- 株式会社あきんどスシロー
- キューサイ株式会社
- キリンホールディングス株式会社
株式会社あきんどスシロー
企業サイト 株式会社あきんどスシロー
世代を問わず多くの層から人気がある、回転寿司チェーン「株式会社あきんどスシロー」では、定期的にハッシュタグキャンペーンが実施されています。
出題されたテーマに応じて写真を投稿し、その中から選ばれたユーザーに食事券が当たるといったキャンペーン内容です。サイトでは、今まで投稿された写真が埋め込みで表示されています。
キューサイ株式会社
企業サイト キューサイ株式会社
青汁やヘルスケアなどで心と身体を支え続ける「キューサイ株式会社」では、SNSを活用したキャンペーンを定期的に実施しています。
指定のハッシュタグと商品を使用した感想を記載した写真を投稿すれば、キャンペーンに応募可能です。サイト上では投稿の中から選ばれた投稿が紹介されています。
キリンホールディングス株式会社
企業サイト キリンホールディングス株式会社
日本を代表するビール・清涼飲料水メーカーである、キリンホールディングス株式会社では、グリーンラベルの楽しみ方を投稿するキャンペーンを実施しています。比較的長く開催されており、応募しやすいのも特徴です。
サイトでは、ユーザーからの投稿を埋め込み表示されており、グリーンラベルの楽しみ方を視覚的に楽しめます。
Shopifyやその他ECの制作・運用・保守について、お気軽にご相談ください。
連絡は問い合わせ・無料相談・無料お見積りよりどうぞ。
まとめ：Instagramの「埋め込み」機能の使い方とは？メリットや注意点も解説
instagramの埋め込み機能を使う時は、公開アカウントの投稿のみです。そして、アプリからだと埋め込むことはできないので、なるべく画面の大きいパソコンから作業することをおすすめします。
スマホでもWebバージョンに切り替えることで、埋め込み機能を利用できるようになります。埋め込みをすることで、自社のサービスをアピールできることや、フォロワーの獲得に期待できることなど、メリットがたくさんです。
ただし、2020年からはinstagramの投稿した人に著作権があるので、他の人の投稿を自分のサイトに埋め込む際には、直接本人に許可を得るようにしてください。
埋め込む方法はとても簡単で、コードをHYML編集画面に貼り付けるだけです。
instagramの埋め込み機能をぜひ活用して、役立ててください。
Shopify制作のお見積もり・ご相談
また、初めてのお取組みで不安のある方などもご不明点などはお気軽にご連絡ください。
