【インスタ】ブロガーによるInstagram利用方法(7)投稿動画の共有方法①「埋め込み」

【インスタ】ブロガーによるInstagram利用方法(7)
投稿動画の共有方法①「埋め込み」

ブロガーによるInstagram利用方法7


Instagramの「IGTV」に投稿した動画を
他のSNSで共有する等、
参照ユーザを増やす方法をご紹介します。

端的に表現すると
「まあ、YouTubeでは当たり前」
というレベルの内容なので
目新しいことは特にないのですが、

念のためというか、
Instagramのみのユーザには
お役に立てるではないかなと思います。

-----------------------------
【6】投稿動画の共有「埋め込み」

まず投稿済みの動画の詳細画面を表示し、
右上の「・・・」をクリックします。

ChromeからInstagramを操作40


①「埋め込み」を選択しHTMLコードをコピー。

ChromeからInstagramを操作43-1
表示されたダイアログの
「埋め込み」をクリックします。

ChromeからInstagramを操作43-1-1
さらに表示されたダイアログの
「埋め込みコードをコピー」を
クリックします。

ChromeからInstagramを操作43-1-2

これでHTMLコードを
クリップボードにコピー
(Ctrl + C)した状態になります。


②ブログ記事等のHTMLに貼り付け。

当ブログは Google のブログサービス
「blogger」を利用していますが、
他のブログサービスでも同様に
「HTML編集」モードで
HTMLコードを貼り付けることが出来ます。

実際に貼り付けてみます。
ChromeからInstagramを操作43-1-3
ChromeからInstagramを操作43-1-4
『ぬぉぉおぁぁあ!!
 ん何じゃこりゃ…』

いや、「変なモノ」が
映り込んでしまった、
というわけではないのです。
画像を貼り付けるに際して、
「これはあんまり人に見せない方が
安全だろうなー」
という部分は念のためモザイクをかけています。

で、今回Instagramからコピーした
動画のHTMLコードが、
何か知らんけど
メチャクチャ「ボリューミー」で、
約7KB(半角文字で7000文字程度)ありました。
『どこが見せないべきか』
と、選別するのもダルイので、
全部モザイクにしました。

YouTubeの埋め込みソースコードは
こんなことにならないんだけど…

まあここは単純に
貼り付けるだけなので
ご心配なく。

③公開した状態を確認。

で、実際に公開した状態を確認すると、
こんな感じになります。
ChromeからInstagramを操作43-1-5
ChromeからInstagramを操作43-1-6


さらに埋め込まれて表示されている
Instagramの部品については
以下のような機能を持っています。

ChromeからInstagramを操作43-1-7~10
・「チャンネルを見る」をクリックで
InstagramのIGTVチャンネルが
表示されます。
・動画部分やキャプション部分を
クリックすると投稿動画の詳細が
表示されます。 
・コントローラ(再生ボタンや音量)で
埋め込まれたプレイヤーが操作できます。
・キャプション部分にタグを設定
している場合、
そのタグをクリックすると
関連する投稿が表示されます。


当ページの説明のために
サンプルとして実際に作成した
InstagramのIGTV動画を
埋め込んだページは以下です。

【Instagram】ブロガーによるInstagram利用方法(7)
投稿動画の共有方法①「埋め込み」サンプルページ
https://www.hazemixeddays.com/p/usage-of-instagram-sample1.html


<==前のページ
TOPページに戻る
次のページ==>
【6】IGTVを使ってみよう。(後編)【8】投稿動画の共有方法②「シェア」


ブロガーによるInstagram利用方法目次

【1】インスタ気に入らないところあるある。
インスタ気に入らないところあるある。PCでの作業がメインのブロガーにとって、スマホアプリでしか操作ができないサービスはちょっと困りもの。その代表の一つがInstagram。しかも画僧、動画を投稿してキャプションを一生懸命編集してURLを設置してもリンクならねーし!というようなインスタの気に入らないところあるあるの記事です。
【2】PCでインスタにログインしよう。
PCでインスタにログインしよう。実はインスタはPCで操作がやろうと思えば出来る!どのブラウザを使う?ログインは?等のその方法の「まずは第一歩」までの操作をご紹介します。
【3】旧来の画像、動画の投稿をやってみよう。
旧来の画像、動画の投稿をやってみよう。とりあえずインスタにPCでログインしました。で「旧来」の画像、動画の投稿をどうやるか、一ひねり、二ひねりを入れてどうにかこうにか出来る方法をご紹介。
【4】IGTVを使ってみよう。(前編)
IGTVを使ってみよう。(前編)インスタグラムには「旧来」の画像、動画の投稿と「IGTV」ってのがあります。このIGTVはYouTubeみたいなノリで、ブロガーにとっても使える…かも?そのIGTV利用のゴール状態と、利用方法の導入部分のご紹介です。
【5】IGTVを使ってみよう。(中編)
IGTVを使ってみよう。(中編)IGTVチャンネルへの動画の投稿の手順、注意点等についてのご紹介です。何やら『インスタのこだわり』に翻弄されるシーンもありますが、何とか乗り越えられればハッピーなインスタライフが待っている、かも。
【6】IGTVを使ってみよう。(後編)
IGTVを使ってみよう。(後編)IGTVに動画を投稿できたとして、それがみんなにはどんな風に見えるのか?また投稿動画に関する情報の修正は可能か?という実験についてのご紹介です。当ブログで実際に投稿した結果を踏まえて『宣伝』もかねてご紹介いたします。
【7】投稿動画の共有方法①「埋め込み」
投稿動画の共有方法①「埋め込み」皆さんご存知の通り(?)単純に投稿して公開するだけだと、赤の他人はあなたの動画を見てくれません!その動画に対して色んな方法で引き込みをするわけですが、その方法の一つに「埋め込み」があります。YouTubeではおなじみの機能ですが、インスタグラムの操作方法と実際に埋め込んで公開した実験結果のご紹介。
【8】投稿動画の共有方法②「シェア」
投稿動画の共有方法②「シェア」投稿動画に対するよくある引き込み方法の二つ目に「シェア」。これもその他のSNSサービスと同様にTwitter、Facebook等でシェアできるような仕掛けがインスタグラムでも準備されています。その利用方法についてご紹介。
【9】投稿動画の共有方法③「リンクをコピー」
投稿動画の共有方法③「リンクをコピー」投稿動画に対するよくある引き込み方法の三つ目に「リンクのコピー」。リンクのコピーそのものは動画のURLをコピーして、どこかに貼り付けないと意味がないものですが、意外にこのリンクのコピーが汎用的に使う場面が多い、気がする。その方法のご紹介。
【10】まとめ
まとめ結局のところ、ブロガーという人種はインスタグラムの有用性を認めるのか!?まとめとしてインスタグラムのユーザの特性やブログとの連動の有用性?について筆者の主観を記載しています。





0 件のコメント:

コメントを投稿