ホームページ制作・SEO対策を通じて集客向上↑売上UP↑ならCyberAccel-Advisors
電話番号: 03-3986-2773
電話番号: 03-3986-2773
ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズＴＯＰ » ブログ » webコラム» Instagramをホームページやブログに埋め込む方法（簡易バージョン）
投稿日: 2016/08/26 投稿者:webコラム
突然ですが、あなたはInstagramやっていますか？
Twitterが流行し、その後Facebookが流行して、
今はもうInstagramの時代になっています。
せっかくInstagramをやっているなら、
ホームページやブログにInstagramの写真を埋め込みたいですよね？
ただ写真をリンクで表示するだけでなく
あなたがInstagramに投稿した写真が自動更新で表示されます。
埋め込み方法は、大きく分けて２パターンあるのですが、
今回は簡単な方法である
「SnapWidget（スナップウィジェット）」を使った埋め込み方法をご紹介します。
ちなみにあと一つはInstagram APIを使った埋め込み方法になります。
（こちらは少し難易度が高くなっております。）
では、いってみましょう！
目次
１．まずは「SnapWidget」のサイトにアクセス
２．表示したい情報を入力
３．「GetWidget」をクリック
４．ホームページやブログの表示したいところに貼り付ける
SnapWidget
https://snapwidget.com/
[FREE] [INSTAGRAM] [GRID]の
「CREATE YOUR FREE WIDGET」をクリックします。
２．表示したい情報を入力
下記の情報を入力します。
設定よっては様々なパターンが作れます。
入力が完了したら「プレビュー」で確認して、よし！コレだ！と思ったら「GetWidget」をクリックします。
①ユーザーネーム：表示さるアカウントのユーザーネームを入力。
②サムネイルサイズ：表示させる画像のサイズを指定。
③レイアウト：行と列の数を入力。
④フォトボーダー：画像に枠線を付けるかどうかを選択。
⑤バックグラウンドカラー：背景色のカラーコードを入力。
⑥フォトパディング：画像間の余白を入力。
⑦ホバーエフェクト：画像にマウスカーソルを合わせた時の効果を選択。
⑧シェアボタン：シェアボタンの表示、非表示を選択。
⑨レスポンシブ：スマホに対応したサイズ調整を選択。
これで、あなたもバッチリInstagramの投稿一覧を表示できます。
投稿した写真をみんなに見てもらって、
お店を紹介するも、友達作るもあなた次第！
ぜひお試しください。
我社のマスコット『弁慶』です。
名前の由来：忠実な番犬
主な仕事：マスコットキャラとして認知度UP↑
不得意：電話
しゃべりが苦手なので、コンタクトはこちらから
我社のキャラクター「長フチ様」がユーザーに変わり、聞きづらい疑問を直球で投げかけるQ&A式コンテンツ。強面の顔からは想像も容易いほどのおバカさんが、弊社スタッフと対談します。
Copyright(C)2014 ｜ ホームページ制作・SEO対策を通じて集客向上↑売上UP↑Cyber Accel-Advisors. All Rights Reserved.
