最近では、宣伝ツールとして「Instagram(インスタグラム)」を利用している方が非常に増えています。ホームページやブログなどのウェブサイトに、Instagramの最新画像を自動で表示できるような機能があれば、更新の手間がはぶけるので便利になりますよね。2017/10/23公開時にご紹介した、Instawidght(インスタウィジェット)が利用できなくなってしまい、お困りな方が多いと思います。Instagram(インスタグラム)の画像を自動で表示できる他のツール、探してまいりました!SnapWidget(スナップウィジェット)Elfsight(エルフサイト)どちらも料金は、無料〜有料プランで構成されていて、無料プランの場合、SnapWidgetではInstagramへの写真リンクではなく、SnapWidgetドメインへのリンクになる、Elfsightではビュー制限がかかるなどがございます。その点はご留意の上ご利用ください。日本語フォローされていないサイトですが、ブラウザChromeで開いてURLバーの☆マークの左横のマークをクリックするとブラウザ設定の母国語になり、扱いやすいです。今回は、SnapWidgetについてご紹介させていただきます。「SnapWidget」について「SnapWidget」では、ホームページやブログ、wordpressなどに挿入できる、さまざまなブログパーツ(ウィジェット)が作れます。ここで紹介するのは、Instagramのアルバムを追加することのできるブログパーツ(ウィジェット)です。時点での情報になります。気軽に利用できるのが魅力の「SnapWidget」。使い方はいたってカンタンで、グーペならパーツの追加作業で設置できます。今回は、グーペで作成したホームページに、「SnapWidget」の無料プランで作成したウィジェットを設置する方法をご紹介します。「SnapWidget」側でタグを生成する方法アカウントをつくるまずは「SnapWidget」にアクセスします。UPをクリックして、アカウント作成画面に遷移してください。UPをクリックすると、以下の画面が表示されたら、アカウント作成完了です。SERVICEをクリック。連携するSNSを選択、Instagramをクリックし、その次はどのような表示の仕方か選べますが、今回はGRIDを選択しましょう。WIDGETをクリック。遷移すると、以下の画面が表示されます。何行何列表示させるのか以外に、枠の色を変更することも可能ですので、自分の好みにカスタマイズすることができます。ユーザー名の入力(Username)ご自身で管理しているInstagramのユーザー名を入力、クリックするとウィンドウがポップアップして、Instagramへのログインが必要になります。Size)今回の例では100pxにしています。表示する個数とテンプレートなどとのバランスでプレビューを見つつ、ご調整ください。Rows)]列(→横方向に何個)x行(↓縦方向に何個)です。Colorは、画像同士の境界の色を変更できます。空欄にしておくと透過になるので、そのままで良いでしょう。Paddingは、画像同士の境界幅で、例では5pxに設定していて、0〜設定できます。PREVIEWをクリックすると、右側のプレビューでご確認いただけます。WIDGETをクリック。CLIPBOARDをクリックすると、コードがコピーされます。「SnapWidget」を表示させたいホームページやブログにペーストします。「ナビゲーション」をひらく実際にグーペで作成したホームページに「SnapWidget」を設置してみましょう。グーペにログインし、サイドメニューからナビゲーションをクリックします。「パーツ追加」をひらくナビゲーションページの上部にあるパーツという項目をクリックします。開いたページの一番上にある登録するをクリックしてからウィジェットを選択します。コードを追加する以下の項目を入力します。パーツ(ウィジェット)の名前です。自分で管理しやすい名前をつけましょう。今回の場合は「SnapWidget_Instagram」とします。SnapWidgetで生成したコードを入力します。入力が完了したら追加を押して設定は完了です。表示を確認する管理画面の右上にあるホームページ表示を押して、表示を確認してみましょう。ウィジェットが表示される位置はテンプレートによって異ります。ウィジェットをたくさん使用した場合、ホームページの表示速度が遅くなる場合があります。SEOへの影響が気になる方は、ご注意ください。埋め込んだ部分をクリックする埋め込んだウィジェット内の見たい画像をクリックすると、以下のように「SnapWidget」内に生成されたページに遷移します。※画像をクリックすると、「SnapWidget」内に生成されたグーペのページに遷移します。ページ内には、該当の画像とコメントやInstagramの投稿一覧、広告などが表示されます。該当画像上のユーザー名をクリックするとInstagramのページに遷移します。無料でも設定できる、カスタマイズもカンタンにできる「SnapWidget」いかがでしたでしょうか。Instagramで掲載した画像をホームページに活用できる他、フォロワー数アップの効果も狙える便利な機能ですので、ぜひ活用してみてください!またご紹介したように「グーペ」ならSnapWidgetもカンタンに設置できます。【2020年1月】グーペの機能改善まとめホームページ作成サービス「グーペ」で行った、2020年1月の機能改善をお知らせします。「グーペ」で作成されたホームページの中から、優れているホームページを決定する『グー...グーペホームページ大賞ホームページ大賞2019【2019年12月】グーペの機能改善まとめホームページ作成サービス「グーペ」で行った、2019年12月の機能改善をお知らせします。ホームページ作成サービス「グーペ」...グーペホームページ大賞ホームページ大賞2019【2019年11月】グーペの機能改善まとめホームページ作成サービス「グーペ」で行った、2019年11月の機能改善をお知らせします。【2019年10月】グーペの機能改善まとめホームページ作成サービス「グーペ」で行った、2019年10月の機能改善をお知らせします。あなただけのホームページが1分で出来ます。はじめるツイートホームページ作成のヒントは「グーペ」のWebメディアでホームページをつくる上でのヒントや小ワザを、ホームページ作成サービス【グーペ】のスタッフがご紹介!書いている人は、Webディレクター、デザイナー、エンジニア、カスタマーサポートと職種もいろいろ。Console]の使い方、SNSアカウントの活用方法など幅広い記事をお届けします!ホームページをつくりたい、今あるホームページをもっとよくしたい、ホームページ運営に役立つツールを楽しく学びたい、といったみなさんの「やりたい」「知りたい」を応援します。