InstagramフィードをWordPressWebサイトに追加するための最良の方法
公開: 2022-04-10ほとんどの人がソーシャルメディアについて考えるとき、彼らはFacebookとTwitterを想像します。 しかし、Instagramは急速にオンラインで最大のソーシャルメディアツールの1つになりつつあります。 月間アクティブユーザー数が4億人を超える写真共有サイトです。 また、アメリカで最も訪問されたWebサイトのトップ10の1つとしてランク付けされています。 あなたのビジネスはそこにある必要があります！
この記事では、WordPressを利用したWebサイトにInstagramフィードを表示するために使用できるいくつかの異なる方法について説明します。
Instafeed.jsは優れたオプションですが、必要なすべての機能を備えているわけではありません。 ElfsightのInstagramウィジェットとSmashballoonプラグインは、instafeed.jsが提供するよりも多くの機能を備えたInstagramフィードを作成することを検討している場合、検討する価値のある他の2つのオプションです。 あなたのWordPressサイトにInstagramフィードを追加するこれらの3つの異なる方法について学ぶために読み続けてください！
なぜあなたのウェブサイトにInstagramフィードを追加するのですか？
Instagramはもはや写真家だけのプラットフォームではなく、Instagramフィードをウェブサイトに掲載することの価値は、あなたが「影響力のある人物」であるとか、好きでフォローしたいと言っているわけではありません。 Instagramフィードは、顧客とクライアントに、あなたがしていること、あなたが気にかけていること、そしてあなたとつながる方法を示します。 Instagramフィードは、効果的なカスタマーサービスチャネルにもなります。
Instagramには月間約3億人のアクティブユーザーがいます。 それはあなたの製品や会社にとって膨大な量の目玉です。 物を直接販売することが目標ではない場合でも、Instagramフィードは非常に価値があります。
Instagramは市場調査の機会をたくさん提供します。どのような種類の画像が視聴者に受け入れられているかを確認し、うまくいく可能性が高いコンテンツの種類について学ぶことができます。 そうすれば、エンゲージメントを獲得したり、適切な人にリーチしたりする可能性が最も高い投稿を事前に計画できます。 さらに、何が機能し、何が機能しないかをよりよく理解できるため、コンテンツの計画が容易になります。
Instagramは、ブランドロイヤルティを構築し、顧客がより多くのことを求めて戻ってくることを保証するための最良の方法の1つでもあります。 ある顧客（オンラインサプリメント会社）の素晴らしい例は、Instagramフィードが、積極的に何も販売していない場合でも、顧客とつながり、ブランドロイヤルティを構築するのにどのように役立つかを示しています。
つまり...Instagramには価値があることがわかったので、WordPressWebサイトにInstagramフィードを表示することは価値があります。 それでは、その方法について説明しましょう。
3つの方法について説明します。 最初の方法は、Instafeed.jsと呼ばれる無料のJavaScriptライブラリです。 2番目のオプションはElfsightのInstafeedウィジェットで、3番目はSmashballoonプラグインです。 これらは複雑さと価格設定の点で異なります-そして、エージェンシーとして、私たちはこれらの方法のすべてを使用したので、私たちの考えを散在させます。
InstaFeed.jsライブラリを使用する
最初のメソッドはInstaFeed.jsライブラリです。 モバイルデバイスを含むすべての主要なブラウザで動作し、サーバー側のコードを実行する必要はありません。 ライブラリはGitHubから無料で入手でき、簡単なスクリプトタグを使用してサイトの<head>要素に含めることができます。
最近、彼らはInstafeedの2.0バージョンをリリースしました。これは現在新しいInstagramAPIで動作します。
オープンソースコードなので無料です。
主な機能のいくつかを次に示します。
- これは、Webサイトで基本的なInstagramフィードを作成するための優れた方法です。
- シンプルで使いやすく、軽量で、トラフィックや画像が少ないサイトに最適です（ページの速度が低下することはありません）。
- 全体的に、軽量でうまく機能するので、とても気に入っています。
- InstaFeedは新しいInstagramAPIで動作するようになりました。 これにより、新しいAPIガイドラインに準拠しているため、Webサイトが削除されない可能性が高くなります。
このJSライブラリは、自分が何をしているのかを知っていれば比較的簡単にインストールできますが、他の方法と比較すると、はるかに複雑です。 インストールプロセスを見てみましょう。
まず、CDNを介してライブラリを追加します。
これは、WordPressWebサイトのヘッドに挿入されたスクリプトタグを使用して行われます。
次に、サイトでウィジェットを初期化し、任意のIDでdivに追加します。
var instaFeed = new InstaFeed（ "＃myInstagramWidget"）;
次に、Instagramのユーザー名、表示する写真の量など、さまざまなオプションを設定します。
IDが#myInstagramWidgetのdivには、Instagramフィードが入力されます。
技術的な場合は、カスタムビューを作成し、ハッシュタグを表示し、WordPressにInstagramフィードを追加するという点で必要な事実上すべてを行うことができます（実際には、このライブラリをOxygenBuilderのProfessionalInstagramフィードで使用しています成分）。 ただし、そのためには、JSとこのライブラリを十分に理解する必要があります。
パフォーマンス面では、Instafeedのサイズは1.5kbであり、すべての主要なブラウザーで機能し、サーバー側の依存関係はありません。
この方法の問題は、InstagramフィードをWebサイトに追加する他の方法と比較して機能が制限されていることです。 このスクリプトは、Instagramの「フォトマップ」をシミュレートしようとしますが、それを行うのは完全ではありません。 また、JavaScriptを知らない人にとっては複雑になるため、単純なソリューションを探しているビジネスオーナーにとっては完璧ではありません。
幸いなことに、自分で設定する時間やスキルがないビジネスオーナーが利用できるオプションは他にもあります。 今からそのうちの2つを見ていきます！
ElfSightInstagramフィードウィジェット
ElfSight IGフィードは、Instagramの写真をWordPressWebサイトに追加するもう1つの方法です。 これは、構成とインストールが非常に簡単で、適切に設計されており、使いやすいものです。
Elfsightを使用すると、ヘッダー、サイドバー、フッターなど、WordPressページの任意の部分にInstagramフィードを追加できます。 色やフォントなどの要素のスタイルを設定したり、カスタムCSSを追加したりすることもできます。
一部の人にとっては、ElfSightは無料ですが、ほとんどの場合、基本プランまたはプロプランを選択することをお勧めします。 プロプランの料金は月額$10で、次のものが付属しています。
- 無制限のウェブサイト
- 50,000ビュー
- プレミアムサポート
- 無料インストールサービス
- Elfsightロゴの削除
月額5ドルの基本プランと、無料のライトプランが少し制限されています。
50種類の使いやすいカスタマイズオプションと、選択可能なテンプレートがあります。 Instafeedとは異なり、Elfsightを使用すると、公開されているInstagramアカウントから、またはハッシュタグ、場所、写真のURLで写真を表示することもでき、すべてを混在させる心配はありません。任意の組み合わせがサポートされています。
これは、フィルタリングまたはモデレートでき、グリッドまたはスライダーとして表示できます。 ポップアップもできます！
このソリューションは実際にはプラグインではないため、興味深いものです。 代わりに、Instafeedのようにサイトにコードを埋め込んでインストールしますが、これは単なるコピーペーストです。 統合はシームレスであり、コンテンツを表示するための多くのオプションがあります。 常に更新されており、すべてがElfsightWebサイトで管理されています。
私たちのリストにある3つのうち、Elfsightが私たちのお気に入りです。 それらは、使用可能なパッケージに素晴らしい機能と優れたサポートを備えています。 何よりも、彼らの価格設定はあなたがそれから得るものに対して合理的です。
代理店として、クライアントにとって最も使いやすいので、これが好きです。 私たちは彼らのためにそれを設定しました、そして彼らは決してコードに触れません。 ソーシャルメディアの共有オプションもいい感じです！
スマッシュバルーンプラグイン
リストの最後のエントリは、SmashBalloonInstagramフィードプラグインです。 これは標準のWordPressプラグインです。
サイトのWordPressテーマと互換性があるように設計されているため、Instagram Feedプラグインは、見栄えを良くするために何の作業も必要としません。 プラグインには、選択したフィードの外観とレイアウトを調整できるように、多数のカスタマイズオプションが用意されています。 サイト全体にフィードを表示し、ショートコードスタイルでカスタマイズできます。 たとえば、あるページにビデオフィードを配置し、別のページに写真カルーセルを配置したい場合は、問題ありません。
プラグインはInstagramから受け取ったデータをキャッシュして、読み込み時間を短縮し、APIリクエストを最小限に抑えます。 また、APIに問題が発生した場合に備えて、バックアップキャッシュシステムを備えているため、最も必要な場合でもフィードを維持できます。 投稿のキャプションにURLを追加することで、Instagramの投稿をカスタムURLにリンクできます。 これにより、フィード内の特定の投稿をクリックしたユーザーが、その時点で関連性のある商品やページを簡単に確認できるようになります。
Instagram Feed Proは、タッチスクリーンを使用しているかどうかに関係なく、すべてのデバイスでうまく機能するようにゼロから設計された、Instagramアカウント用のレスポンシブWordPressプラグインです。
WordPressプラグインの背後にある会社であるSmashBalloonの素晴らしい点は、彼らが提供するサポートです。 彼らのウェブサイトを通じてチームと連絡を取るのは簡単です。サポートが必要な場合やこのプラグインについて質問がある場合は、そうすることをお勧めします。 同社には、サイトでInstagramを使用するためのヒントやコツ、チュートリアルを見つけることができるすばらしいブログもあります。
1つのサイトの場合、年間49ドルで提供されます。もちろん、プラグインを使用する場合は、ライセンスが必要です。
InstagramAPIについて一言
考慮すべきこと（そしてInstagramの厄介な側面）は、APIとそれに伴う制限です。 問題は、InstagramAPIのユーザーあたりのリクエスト数に上限があることです。 スクリプトがこの量を超えると、Instagramから停止を通知するエラーメッセージが表示されます。Instagramは、過度の使用を検出すると、アカウントへのアクセスを無効にします。
これは、アカウントを完全に無効にすることを意味するわけではありませんが（過去に無効にしたことがあります）、コードを調整するか、Instagramによってリクエストがリセットされるまで何時間も待つまで、Instagramデータを再度取得できない場合があります。 したがって、Instagramフィードを作成するときはこのことを念頭に置き、APIを乱用しないでください。
APIも大きく変化しています。特に、Facebookが会社を所有しているためです。 たとえば、特定のAPIキーがないと、WordPressWebサイトにInstagramフィードを実際に表示することはできません。
残りのInstagramLegacyAPI権限は、2020年6月29日に無効になりました。現在、開発者はInstagram BasicDisplayAPIとInstagramGraphAPIを使用する必要があります。 つまり、WordPressプラグインはInstagramAPIを使用して構築する必要があります。
ただし、この開発により、プラグインのユーザーにとっては少し簡単になりました。 お気づきかもしれませんが、APIキーの作成と統合に関しては、比較的簡単に（ただし、より限定的に）体験できるようになりました。 ほとんどの場合、ボタンをクリックするだけです。
Instagramに関連するAPIニュースに常に注意してください。 彼らが将来変更を加え、あなたが暗闇の中にいる場合、あなたのWordPress Instagramフィードは機能しなくなるかもしれません！
WordPressに最適なInstagramフィードソリューションはどれですか？
Elfsightは現在最高のプロバイダーです。 彼らは価格に対して最高のパッケージを持っており、私たちは彼らのサポートと製品が最も好きです。 あなたがビジネスオーナーまたはウェブ管理者であり、非常に機能が豊富で費用効果の高いソリューションを探しているなら、それはあなたの男です。
Instafeed.jsは、無料のソリューションを必要としている技術者に適していますが、WordPressのInstagramフィードに関しては完全に制御できます。 あなたが開発者であり、コードを微調整して独自のものを構築することを恐れていないのであれば、あなたは天国にいるでしょう。 ただし、現在、初心者がアクセスしにくいドキュメントが不足しています。
最後に、SmashBalloonは評判の高いソリューションです。 Instagram Feed Proは、完全にカスタマイズ可能なInstagramフィードをWebサイトに表示し、インタラクティブにするのに役立ちます。
ただし、Elfsightと比較すると、より複雑な場合もありますが、より安価です。
どのソリューションを選択する場合でも、使用上の問題や問題を回避するために、プラグイン/ライブラリが定期的に更新されていることを確認してください。
この記事について質問がある場合、またはInstagramフィードプラグイン全般について質問がある場合は、下のコメントセクションにそれらを残すことを躊躇しないでください！ 楽しく幸せな建物。