![インスタグラムをホームページ上で表示](https://image.jimcdn.com/app/cms/image/transf/dimension=598x10000:format=jpg/path/sdcb4cad98bab1f4c/image/i6ac71cbc233cf47c/version/1526487391/%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%BF%E3%82%B0%E3%83%A9%E3%83%A0%E3%82%92%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E4%B8%8A%E3%81%A7%E8%A1%A8%E7%A4%BA.jpg)
SnapWidget 知ってる?
ホームぺージ上に、インスタグラムの投稿写真を表示させたい。というお問い合わせが多くなってきてます。
Jimdoでは「インスタフラムフィード」というコンテンツもありますが、今日はこちらも無料で使えるSnapWidgetを紹介します。
設定方法も簡単で時間にして5分ほどでJimdoホームページに設置が可能です。最新の投稿が自動で更新されていきますので、「更新されてるホームページ」という印象になります。ずっと同じ内容のHPと、新しい情報がどんどん記載されているHP、どちらを訪問者は選択するか?もちろん新しい情報が記載されたHPのほうが選択されやすいです。
放置されたHPは検索順位がどんどん下がってしまいますので注意しましょう。
SnapWidgetぜひぜひお試しください。
1.まずはスナップウィジェットにアクセスしましょう。
無料で使えるサービスですが、一部有料ですのでご注意ください。
時の経過とともに設定画面の表示が変わることもあります。
![最初の画面](https://image.jimcdn.com/app/cms/image/transf/dimension=480x10000:format=jpg/path/sdcb4cad98bab1f4c/image/i853a3fe8bd9b8845/version/1526487414/%E6%9C%80%E5%88%9D%E3%81%AE%E7%94%BB%E9%9D%A2.jpg)
スナップウィジェットの画面
2.少し下にスクロールすると、6つの四角の枠が並んで表示されてます。その中の一つで、無料でホームページ上にインスタグラムを表示させることが出来るコードを取得するとが出来るんですよ。
![選択画面](https://image.jimcdn.com/app/cms/image/transf/none/path/sdcb4cad98bab1f4c/image/iae9a59b5b41b7eb8/version/1526487425/%E9%81%B8%E6%8A%9E%E7%94%BB%E9%9D%A2.jpg)
「FREE」「INSTAGRAM」「GRID」と並んでいる枠を探してください。その下にある「CREATE YOUR FREE WIDGET」をクリックするとアカウント作成画面が表示されます。
![選択画面](https://image.jimcdn.com/app/cms/image/transf/dimension=480x10000:format=jpg/path/sdcb4cad98bab1f4c/image/i1ad71ef0daf16a3b/version/1526487434/%E9%81%B8%E6%8A%9E%E7%94%BB%E9%9D%A2.jpg)
選択(クリック)する場所を間違えないように見つけてくださいね。
3.次は、アカウント作成です。
名前とEメールアドレスとパスワードを入力して、新規登録をするか、facebookアカウントでサインアップします。
サインアップ後、ログインすることになります。
![アカウント作成画面](https://image.jimcdn.com/app/cms/image/transf/dimension=330x10000:format=jpg/path/sdcb4cad98bab1f4c/image/i78d9bbdb026cd3a3/version/1526487446/%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E4%BD%9C%E6%88%90%E7%94%BB%E9%9D%A2.jpg)
4.次にウィジェット作成画面が表示されて、細かな設定をすることが出来ます。ある程度設定できたら、下にある「PREVIEW」ボタンをクリックすると、どんな感じになるのか、プレビューを上で確認できます。気になる箇所ががあれば直して問題なければ、「GET WIDGET」をクリックしてコードを取得します。
![詳細設定画面](https://image.jimcdn.com/app/cms/image/transf/dimension=662x10000:format=jpg/path/sdcb4cad98bab1f4c/image/i6a4ab16213e0993b/version/1526487458/%E8%A9%B3%E7%B4%B0%E8%A8%AD%E5%AE%9A%E7%94%BB%E9%9D%A2.jpg)
↓設定箇所の上の方でプレビューを確認できるようになってます。
![プレビュー画面で確認を](https://image.jimcdn.com/app/cms/image/transf/dimension=610x10000:format=jpg/path/sdcb4cad98bab1f4c/image/i4145913e53068223/version/1526487473/%E3%83%97%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E7%94%BB%E9%9D%A2%E3%81%A7%E7%A2%BA%E8%AA%8D%E3%82%92.jpg)
5.コードが表示されるので、コピーしてJimdoホームページに貼り付けます。
Jimdoではインスタグラムを表示したい箇所で、「ウィジェット/HTML」コンテンツを使います。
コンテンツにコードを貼り付けて「保存」で完了です。
以上が、SnapWidget無料版での作業でした。
無料版の特徴としては、ホームページ上に表示される写真画像をクリックした場合、インスタグラムにリンクされているのではなく、SnapWidgetへリンクされるようになっています。気になる方は「有料版」をお試しください。
![コードをゲット!](https://image.jimcdn.com/app/cms/image/transf/dimension=662x10000:format=jpg/path/sdcb4cad98bab1f4c/image/ib1aea28fef6a2d7c/version/1526487484/%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E3%82%B2%E3%83%83%E3%83%88.jpg)