ブログ作成無料講座はコチラ

ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点

ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点

どうも自分のブログには個性がない・・・。リアリティーがなくて読まれていない・・・。そう悩む人に是非とも取り入れてもらいたいのが、Instagramやツイッター、FacebookやYouTubeの動画を自分のブログに貼り付けて表示させる方法です。

ファッションや美容ジャンル、旅行ジャンルなどは特にお勧めで、ちょっと記事中に2~3枚入れておくだけで、ブログは一気に華やかになりますよ?

画像だけを表示させればほぼ、自分でブログに写真を貼ったのと変わりません。無料ブログでも有料ブログでも簡単にできますので、早速やってみましょう!!

ではでは解説!


目次

インスタの写真をブログに埋め込む方法

例えば、ネットで売れやすいジャンルとして「宅配ジャンル」というのがあります。今は中食の文化がどんどん浸透しているし、少子高齢化でますます需要は伸びているわけですが、実際どんな商品が届くのか?

住んでいる地域によっては自分で全部試して比較・・・みたいなことはできないと思います。

そんな時にインスタグラムの公式ページの写真を埋め込んでしまいましょう。

STEP
インスタグラムで、商品メーカーの公式ページを探してみる
ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点

メーカーの商品名を入れて検索すると良いでしょう。公式ページの場合は写真が削除されてブログが空白になることがありませんので・・・。

STEP
画像に埋め込みを選択する
ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点
ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点
STEP
ブログの場合HTMLモードにしてそこに貼り付ける

こんな感じです。ワードプレスのブロックエディタは「HTMLモード」がブロック内にあるのでそれを選べばOkです。

ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点

画像が中央によらない場合はdivで囲みます。

<div style="text-align:center;">


・・・ここにインスタのコード

</div>

リンクが増えてしまうので私はキャプション無しを推奨します。

インスタグラムのタイムラインをブログに埋め込む方法

このやり方は主に3つです。

  1. ブロックエディタのインスタ連携を使う
  2. プラグイン「InstaShow Lite」を使う
  3. SnapWidgetを使う(これは無料ブログもOK)
ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点

ブロックエディタの場合はインスタにログインした状態で探せば自動で連携されます。

プラグインを使っても良いし、外部サービスを使っても良いのですが、意外とSNSの連動サービスって無料が有料に切り替わったりWPやSNSのアップデートに追い付かず停止したりします。

ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点
SnapWidget

規約やルールがすぐ変わるので、直接貼る方がいいと思います。

ツイッターの写真をブログに埋め込む方法

ツイッターの埋め込みもインスタグラムと同じです。公式の埋め込みプラグインがあるのでそれをつかいましょう。

STEP
埋め込みたい画像を選んでコードを表示させる
ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点

自分で埋め込みたい画像があったら「・・・」となっている部分を押して公式ページに飛びましょう。

コメントを削除するかどうかもカスタマイズで選べます。

ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点
STEP
ブログをHTMLモードに切り替えて貼り付ける

同じくブログをテキストエディタ・HMTLモードに切り替えてください。アフィリエイトリンクを貼る手順と一緒ですね。

ワードプレスのブロックエディタは同じくTwitter埋め込み専用のブロックがあります。

ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点

選んだらそこにURLを貼り付ければOK!

Twitterのタイムラインをブログに表示させる方法

続いてTwitterのタイムラインをブログに一覧表示させる方法です。これも公式サイトのツールを使います。

STEP
Twitterパブリッシャーに移動
ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点
STEP
自分のTwitterURLを貼る
ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点
STEP
オプションでサイズを変更する
ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点
STEP
確認したらコードを貼り付ける
ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点

フェイスブックページをブログに埋め込む方法

Facebookも同じです。

ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点

Facebookの場合はソーシャルプラグインがあるので、そこにURLを貼ると自由に画像のサイズを変更できます。

ゼロからのアフィリエイトブログ初心者講座 | ブログにSNSを埋め込む方法!Twitter・インスタ・facebookと著作権の注意点

→ METAディベロッパー(昔のfacebookプラグインの新しい名前)

facebookの画像が埋め込めない場合は?

みなさんのシェアが記事更新の励みになります!
  • URLをコピーしました!

今回の記事で分からないものは質問どうぞ!少しずつ頑張ろう!!

コメントする

目次