アメブロのサイドバーに3大SNSを表示させよう!
自分だけの魅力を引き出し売り出す!
自分ブランド構築コンサルタントの住福です。
はい。
ということで表題の通りなのですが、アメブロのサイドバーにInstagram、Twitter、Facebookページのタイムラインを表示させる方法を紹介していきますね♪
イメージとしてはこんな感じです。
基本的に動画で解説するので、動画を見ながらやってみて下さい。
事前準備
動画でもご紹介していますが、サイドバーの編集はアメブロの管理画面の「設定・管理(①)」から行います。
今回のようにSNSなど、アメブロ以外の外部コンテンツを表示させる設定は「プラグイン(②)」というところでやります。
またプラグインにコードを入れただけでは表示されません。
必ず配置設定(③)で「使用する機能」に入れて下さい。
※詳しくは動画を見ながらやってみて下さい。
Facebookページ
Facebookページを表示させるためのコードを取得するサイトが別途ございます。
下記よりアクセスください。
Instagram
ちなみにInstagramを表示させるためのスナップウィジェットは定期的にタグの更新が必要です。
更新しないと「Your widget needs to be updated」と表示されます。
↓画像で見るとこんな感じです。
この表示が出たら、面倒ですがもう一度コードを取得しなおして、アメブロのフリープラグインに設置しましょう。
この原因は、あくまで私の予測なのですが、インスタ側のシステム(プログラミング)変更に伴い、スナップウィジェットもコードの書き換えが必要になるからではないかなと思います。インスタはけっこう外部連携ツールを嫌うので、致し方ないですね(;'∀')
Twitter
Twitterを表示させるためのコードを取得するサイトが別途ございます。
下記よりアクセスください。
▶ Twitterプラグイン
ちなみに動画で紹介している「set customization options.」で設定をしないと、すごーく長く表示されちゃうので、かならず縦の長さなどカスタマイズされて下さいね^^
ちなみに動画で紹介している「set customization options.」で設定をしないと、すごーく長く表示されちゃうので、かならず縦の長さなどカスタマイズされて下さいね^^
WordPressでも使えます
ちなみにアメブロに表示出来るように、WordPressで作ったサイトにもInstagram、Twitter、Facebookページはサイドバーに表示できます。
動画は用意しておりませんが、下記画像を参考にされてみて下さい。
手順としては、管理画面の「外観」→「ウィジェット」→「カスタムHTML」を表示させたいエリアに設置し、その中に上記で紹介した方法のコードを入れればOKです!
ちなみにFacebookページを表示させたい場合は、コピペするコードがアメブロとWordPressで違うのでご注意ください。(下記画像参照)
ぜひやってみて下さい(^^)/
自分ブランドでビジネスを加速!
【重要なお知らせ】
■集客力がつく、無料のメール講座にご登録下さい♪
ブランディングを
したい方はコチラ!
とあるサロンオーナーが自分ブランドを作り、
↑ バナークリックでご登録 ↑
Next Innovation 住福 純