このブログでもチョクチョク利用している技。instagramの画像を埋め込みブログに画像を表示する方法。
ほしい写真がないときには、とても便利な方法です。
まとめサイトで人の記事や画像をパクる問題がおきましたが、instagramは規約で加工しなければ、他人の画像でも自分のサイトに埋め込んで良いことになっています。
ここで重要なのは、加工をしてはいけないということです。
もちろんこの技にも欠点があります。
公開している人がその写真を削除すると自分のブログからも写真が消えます。
いわゆるリンク切れになります。
これはまぁしょうがない。
でも自分のinstagramの画像なら自分で消さない限り安心です。
特に短い動画のときはユーチューブにあげてリンクするより便利そうなので利用しています。
しかしこの前、ブログを執筆中に急に埋め込みできなくなってしまったんです。
ついでに自分のinstagramの画像を消していないのに、埋め込んだブログページで画像が表示されていない。
困ったぞ。
悪戦苦闘しながら、ほどなく無事に解決できたので、その原因と対策をご紹介しときます。
まずはその前に、自分のinstagramの画像をブログなどに埋め込む方法をついでにご紹介。
自分のinstagramをブログに埋め込む方法
instagramは、パソコンとスマホで操作や設定ができる範囲が違う。
自分のinstagramの写真をブログに埋め込むにはパソコンで操作する必要がある。
▼ パソコンでログインした状態。
まずは埋込みたい画像をクリックする
▼画像が拡大されます。
埋め込みたい画像を選ぶとその画像がアップになり、右下に ◯◯◯が表示される
これをクリックすると次の確認画面が現れます。
▼ 確認画面
［埋め込み］をクリックすると埋め込みコードが表示。
コードが表示されたら、埋め込みコードをコピーをクリック。
コードがパソコンに記憶されるので、ブログの執筆中なら直接、［Ctrl］+［V］(windowsの場合）で貼り付ければOKです。
いや簡単。簡単。
で、そんなある日、埋め込み確認する ◯◯◯ が表示されないんです。
えええ。埋め込み出来ないじゃない。
埋め込みボタンが表示されない
ブログの執筆作業をしていて、Instagramから埋め込みしようとしたら、ボタンが表示されない。
▼ 埋め込みボタン ◯◯◯ が表示されない 画面
あれ、おかしいな。おかしいな。・・・・
困ったときは、再起動。再ログイン。と決め手いるので、
ログアウトして再度ログインしてみた。しかし改善されず。
ならばと、Google先生に聞いて見ようと「instagram 埋め込みできない」でググったら、この現象が出ている人がいないのか有効な解決策がみつからない。
お一人だけ発見することができた。
この人は
なるほど。でも記事を読むと、オジサンはそこまで設定をしていない。
オジサンはこの前のブログで紹介した外部サービスのIFTTTを利用して自動投稿している。
これじゃないよなって・・・
でも、twitterが悪さしているのであればと、念のためIFTTTの設定を解除。
しかし解決されず・・・結局その日は諦めて解決できないまま翌日へ。
次の日、何の気無しにスマホを操作していたら、自分のinstagramの画像を埋め込んでいるブログページで画像が表示されていないことに気付いた。
自分のブログで自分のinstagram画像が表示されない
冒頭でも書きましたが、他人の画像は消されてしまうと表示されなくなってしまう。
でも、自分の画像なので、そんなはずは・・・ おいおい。まじかよ～
▼ 自分のブログで自分のinstagram画像が表示されない
▼ 画像が表示されているブログ
本当はこのように画像が表示されているのに・・・（泣
と思っていたら、スマホの設定ページをいじっていたらパソコンにはない設定が・・・
スマホの設定画面
スマホ画面を開いた。とくに意識して触ったことがない。
▼スマホのトップ画面
右上の 歯車のマークをタップすると次の画面になる
▼スマホの設定画面
非公開アカウントがONになっている
アカウントが非公開になっている場合、承認した人以外には写真や動画は表示されません。既存のフォロワーに影響はありません。
ONにしたつもりはなかったんだが・・・
これをOFFにしたら、ほどなく全てが解決しました。
ちょうど、アプリのアップデータのタイミングと重なった時期と同じぐらいに非表示になった。
ONになったのはアップデートが原因かわかりませんが、もし自分のinstagramで埋め込みボタンが表示されなくなったら、パソコンじゃなくてスマホの設定を確認してみてください。