あなたのウェブサイトで特定のInstagramの写真やビデオの投稿を共有したかったのですが）、あなたのコンピュータに写真を保存してあなたのサイトにアップロードしようとしましたか？
Instagramには埋め込み機能があり、WebサイトやブログのHTMLに簡単に写真や動画を挿入することができます。また、Webデザイナーである必要はありません。
Instagramの投稿をWebページに直接埋め込む利点は、Webサイトの訪問者がInstagram上にあるかのように投稿とやり取りできることです。彼らはそれをクリックしてポストページやユーザープロフィールに行くことができます。ユーザープロフィールは既にInstagramユーザーであれば分かります。
以下の手順をクリックして、わずか数分でWebサイトにInstagramの写真やビデオを簡単に埋め込む方法をご覧ください。
01/06あなたが埋めたいInstagramの写真やビデオページを見つける
まず、まずは、これを行うにはモバイルアプリではなくWeb上のInstagramにアクセスする必要があります。
アプリで見つけた投稿を埋め込む必要がある場合は、 三つの点 投稿の右上に表示されている リンクをコピーする メニューに表示されるオプションで、ウェブ上のどこかにコピー＆ペーストしてアクセスできます。
たとえば、電子メールメッセージに貼り付けて自分自身に送信して、そのポストへのリンクをデスクトップコンピュータで開くことができます。
WebブラウザでInstagram Postを開く
この例では、正式なLifewire Instagramアカウントのフォト投稿を使用しますが、必要なInstagram投稿を使用することができます。
投稿のURLが既にある場合は、それをクリックするか、コピーしてウェブブラウザに貼り付けてください。 Instagramの投稿のURLは次のようになります： instagram.com/p/xxxxxxxxxx/ .
しかし、あなたのホームフィード、プロフィール、タグ、またはExploreページをブラウズしているInstagram.com（ウェブ上では、アプリではないことを覚えている）の場合、あなたは投稿のページを開いて、それをWebページに埋め込みます。
03/06右下隅の3つの点をクリックします。
マウスを右クリックして名前を付けて保存を選択するか、画像のスクリーンショットを撮る代わりに、単に 三つの点 イメージボックスの右下隅には、ポストをページ上、フィード内、または投稿ページごとに表示しているかどうかが表示されます。
これらの3つの灰色の点をクリックすると、いくつかのオプションが表示されます。クリック 埋め込み.
04/06埋め込みコードをコピーする
画面の中央にボックスが表示され、コードの文字列と青色のボタンが表示されます。キャプションをWebページに表示する場合は、 キャプションボックスを含める チェックしておきますが、写真やビデオを見せたいだけの場合はチェックを外すことができます。
写真やビデオをサイトに正しく埋め込むために、どのようなコードがどのように働くのか、それが何を意味するのかを知る必要はありません。単に青色をクリックするだけです埋め込みコードのコピーボタン コードの文字列全体を自動的にコピーします。
Instagramページが完成しました。次に、投稿を表示するウェブサイトまたはブログに移動することができます。
05/06あなたのウェブサイトのHTMLにInstagram埋め込みコードを貼り付けます
使用しているウェブサイトやブログのプラットフォームの管理領域やダッシュボードにアクセスし、コードを挿入するための適切な領域を見つけることはあなたの責任です。
たとえば、サイトがWordPressで実行されている場合は、編集可能な投稿またはページにアクセスするだけで済みます。 テキストモード （ビジュアルモードではなく） 右クリック エディタで ペースト コピーした埋め込みコードをボックスに入れます。
それを保存し、好きなところに集中して公開してください。
06の06あなたのページと組み込みInstagram写真を見る
公開されたページをオンラインで見て、新しいInstagramの写真やビデオがきちんと埋め込まれているかどうかを確認してください。
トップにInstagramユーザーの名前へのリンクと、その下にある好き嫌いやコメントの数とともに、写真を見ることができるはずです。
写真ではなく動画であれば、ウェブサイトへの訪問者はサイトの動画を再生できます。
もちろん、あなたのサイトに何も表示されない場合は、間違った場所にコードを貼り付けているか、完全なコード列をコピーしていない可能性があります。何か問題がある場合は、この偉大なHTMLのWordPressのヘルプ記事をチェックしてください。
