Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressにソーシャルメディアフィードを追加する方法(ステップバイステップ)

素晴らしいコンテンツを作っているにもかかわらず、ソーシャルメディアのフォロワーが増えないと悩んでいませんか?サイト訪問者が、なぜあなたがフォローされる価値があるのかわからなければ、フォロワーにはならないという厳しい現実があります。

WPBeginnerでは、このギャップを埋める最も効果的な方法の1つは、WordPressサイトにソーシャルメディアのフィードを追加することであることを発見しました。

ソーシャルフィードを埋め込むことは、単にコンテンツを紹介するだけでなく、ソーシャルプルーフ、エンゲージメント、そしてプラットフォーム全体で提供する価値を有効化します。

この包括的なガイドでは、Facebook、Twitter、Instagram、YouTube、そしてTikTokのカスタムソーシャルメディアフィードをWordPressサイトに追加する手順を説明します。

How to add your social media feeds to WordPress (Step by step)

なぜWordPressサイトにソーシャルメディアフィードを追加するのか?

当社のソーシャルメディア統計調査によると、人々は毎日約2時間23分をソーシャルメディアに費やしている。これは、既存のフォロワーにあなたのコンテンツを宣伝し、新しい人々とつながるのに十分な時間です。

もしあなたが1つ以上のソーシャルメディアアカウントを持っているなら、すでに良いスタートを切っている。しかし、WordPressサイトにこれらのソーシャルフィードを追加するのも賢い方法です。

WordPressにソーシャルメディアの投稿を埋め込むことで、サイトを訪れた人々に様々なアカウントを宣伝することができます。これにより、より多くの「いいね!」、シェア、エンゲージメントを得ることができる。

Adding a Facebook social media feed in WordPress

訪問者が気に入れば、別のソーシャルメディア・ネットワークであなたをフォローし始めるかもしれない。

もしあなたがオンラインストアを運営しているのであれば、ソーシャルメディアのフィードはより多くの売上に貢献する。実際、43%の人がソーシャルメディアを使って購買の意思決定をしており、Instagramやその他のプラットフォームから商品を購入している

Adding a shoppable link to an Instagram post

それでは、WordPressにさまざまなソーシャルメディアのフィードを追加する方法を見てみよう。

WordPressにソーシャルメディア・フィードを追加する方法

WordPressブログにソーシャルメディアフィードを追加する最良の方法は、Smash Balloonを使用することです。WordPress用の最高のソーシャルメディアフィードプラグインであり、175万人以上のユーザーに信頼されています。

Smash Balloon

このプラグインを使えば、jQueryのコードやAPIを扱ったり、ソーシャル投稿を素敵なレイアウトで並べたりするのに時間を費やす必要はない。全てはただ動くだけです。

Smash Balloonには、YouTubeやFacebookを含む主要なソーシャルネットワークのプラグインがすべて区切られています。複数のソーシャルネットワークを個別フィードにまとめることも可能です。

Smash Balloonプラグインには無料版があり、使い始めることができます。ただし、Pro版ではより高度な機能が利用できます。

それでは、WordPressサイトに様々なソーシャルフィードを表示する方法を見てみましょう。以下のクイックリンクを使って、追加したいソーシャルネットワークに直接ジャンプするだけです:

WordPressでFacebookソーシャルメディアフィードを追加する

Facebookは世界で最も人気のあるソーシャルメディア・プラットフォームで、月間アクティブ・ユーザーは29億人に上る。

中小企業のサイトであれ、個人のブログであれ、WordPressの会員制サイトであれ、それ以外のものであれ、ターゲットとする読者はすでにFacebookを使いこなしている可能性が高い。

WordPressにFacebookのライブフィードを埋め込むと、新しい投稿が自動的にサイトに表示されます。また、訪問者があなたのFacebook投稿に「いいね!」を押したり、共有したり、コメントしたりすることを促しますので、ソーシャルメディア上でより多くのエンゲージメントを得るための素晴らしい方法です。

An example of an embedded Facebook feed, created using Smash Balloon

Smash Balloon Custom Facebook Feedプラグインを使うと、WordPressにFacebookの動画を埋め込んだり、写真や動画を表示したりすることができます。

カスタムライトボックスポップアップも作成できるので、訪問者はWordPressサイトを離れることなく、フルサイズの画像を見たり、Facebook動画を見ることができます。

An embedded Facebook video, seen in a lightbox on a WordPress website

定期的に対面またはオンラインイベントをホスティングサービスしているのであれば、あなたのページやグループにFacebookイベントとして作成することをお勧めします。訪問者は、そのイベントに興味がある、または参加するとマークし、他の人を招待し、自分のFacebookページでイベントを共有することができます。

さらに良いことに、WordPressサイトにイベントを追加することで、Facebookイベントを簡単に宣伝することができます。さらに詳しく知りたい方は、WordPressにFacebookイベントカレンダーを追加する方法をご覧ください。

Adding a Facebook event calendar to your WordPress website

Smash Balloonエディターを使えば、どのようなFacebookフィードを作成しても、そのフィードの見た目や動作をユーザーフレンドリーな方法で微調整できます。

ここでは、フィードの配色をWordPressテーマと完全に一致するように変更したり、カスタムヘッダーをデザインしたり、「いいね!」や「load more」ボタンを追加したりすることができます。

The Smash Balloon Facebook feed editor

ステップ・バイ・ステップの詳しい手順については、以下のガイドをご覧ください:

WordPressでInstagramソーシャルメディアフィードを追加する

月間アクティブユーザーが20億人を超えるInstagramは、あなたのサイトや商品、サービスを宣伝するのに最適な場所です。

あなたの業界によっては、Instagramはあなたのブランドを成長させ、新しい顧客を獲得するのに最適な場所かもしれない。

例えば、Instagramは、トップファッションブログ、ライフスタイル、料理、写真サイトの間で特に人気がある。

Instagramに美しい写真や魅力的な動画を投稿しているなら、そのコンテンツをWordPressにも投稿することは理にかなっている。

An Instagram photo feed, created using Smash Balloon

WordPressにInstagramのソーシャルフィードを追加することで、訪問者の注意を引き、より多くのエンゲージメントを得ることができます。

WordPressで画像を手動で追加することもできますが、これには多くの時間と労力がかかります。また、訪問者がWordPressサイトのInstagram画像と簡単にやりとりする方法もありません。その結果、ソーシャルメディアのエンゲージメントを逃してしまう可能性があります。

WordPressにインタラクティブなInstagramフィードを追加する最も簡単な方法は、Smash Balloon Instagram Feedプラグインを使用することです。このプラグインを使えば、美しくプロフェッショナルなデザインのInstagramフィードをサイトに埋め込むことができる。

An example of an Instagram feed, created using Smash Balloon

フィードはInstagramに投稿するたびに自動的に更新されるため、訪問者は常に最新の写真を見ることができる。

ハッシュタグフィードを作成したり、タグ付けされた投稿を表示することで、サイト上で他の人の写真を表示することもできます。これは、あなたのサイトやビジネスを信頼してもらうための強力な社会的証明となります。

以下の画像では、カスタム・インスタグラム・フィードを使ってユーザー・ジェネレータ・コンテンツを表示しているオンライン・ストアの例を見ることができる。

An example of Instagram user-generated content

このように、カスタマイザーのInstagramフィードを利用することで、顧客の信頼を生み出し、オンラインでより多くのお金を稼ぐことができる。

ステップ・バイ・ステップの詳しい手順については、以下のガイドをご覧ください:

WordPressでTwitterソーシャルメディアフィードを追加する

WordPressでは、ビルトインのTwitterブロックを使って、WordPressのブログ投稿やページにツイートを手動で埋め込むことができます。

A single tweet, embedded using the WordPress Twitter block

このブロックでは、個別ツイートのみを埋め込むことができます。少数のつぶやきを表示するだけなら、この方法が手っ取り早くて簡単です。

ただし、複数のツイートを埋め込みたい場合は、Smash Balloon Twitter Feedを使用することをお勧めします。

このプラグインを使うと、新しいツイートを投稿すると自動的に更新されるTwitterフィードを作成できます。このフィードを任意のページ、投稿、ウィジェット対応エリアに追加できます。

Adding a Twitter feed to your WordPress website

Smash Balloon Twitter Feedでは、ハッシュタグフィードも作成できます。

これは、ブログ投稿に文脈や第三者のコンテンツを追加するのに便利です。例えば、ファッションブログを始めるのであれば、#lookbookや#OOTDといったファッション関連の人気ハッシュタグのフィードを作成することができる。

Creating a hashtag Twitter feed in WordPress

Smash Balloonを使って、第三者のアカウントのTwitterフィードを表示することもできます。インフルエンサーやアフィリエイターと関係があり、彼らのツイートをサイトに表示したい場合に最適です。

WordPressにTwitterフィードを追加する方法については、以下のガイドをご覧ください:

WordPressにカスタマレビューフィードを追加する

カスタマイザーレビューは強力な社会的証明であり、あなたのサイトをより信頼できると思わせ、購入や来店を促すことができます。

Yelp、Facebook、Googleなど、カスタマイザーがあなたの会社をレビューできるサイトはたくさんあります。

An example of Google reviews

しかし、あなたのサイトを訪れた人々は、こうした好意的なレビューを目にすることはなく、結果として売上を逃してしまうかもしれない。

一つの解決策は、単純にこれらのレビューをコピー&ペーストしてサイトに貼り付け、カスタマレビュープラグインを使って表示することです。しかし、自動的に更新されるレビューフィードを作成する方が、迅速かつ簡単な場合が多い。

そこでレビュー・フィード・プロの出番だ。

WordPressのための最高のカスタマレビュープラグインで、Yelp、Facebook、Google、TripAdvisorからのレビューを表示することができます。

Yelp reviews, embedded on a WordPress website

Reviews Feed Proにはデザイン済みのテンプレートが用意されているので、ショーケース、カルーセル、グリッドなど、さまざまなレイアウトでレビューを表示できます。

Reviews Feedプラグインはあなたのサイトのデザインもコピーするので、他のプラットフォームから埋め込まれたコンテンツではなく、あなたのサイトの自然な一部としてレビューが表示されます。

The Smash Balloon Reviews Feed Pro plugin

ステップバイステップの手順については、これらの完全なガイドを参照してください:

WordPressでYouTubeソーシャルメディアフィードを追加する

私たちのブログ統計調査によると、動画のあるブログ投稿は、動画のない投稿よりも83%多くのトラフィックを獲得しています。もしあなたがYouTubeチャンネルを持っているなら、WordPressに動画を追加することは、より多くの訪問者を得るための簡単な方法です。

WooCommerceのようなプラグインを使ってオンラインストアを運営しているのであれば、動画はさらに売上を伸ばすことができます。実際、88%の人が動画を見て商品やサービスを購入しています。

もしYouTubeで商品やサービスを紹介する動画を作成したなら、それをサイトに追加することで利益を上げることができる。

サイトに少数の動画を追加するだけなら、WordPressブログ投稿にYouTube動画を埋め込むのは簡単です。しかし、複数の動画を表示したい場合、WordPressのビルトインブロックやツールだけでは、素敵なギャラリーレイアウトを作るのは難しい。

そのため、Smash BalloonのYouTube用フィードを使用してYouTubeチャンネルのフィードを埋め込むことをお勧めします。

Embedding a YouTube feed in WordPress using a free plugin

手順については、WordPressでYouTubeチャンネルの最新動画を表示する方法をご覧ください。

WordPressとYouTubeチャンネルを接続したら、Smash Balloonのユーザーフレンドリーなエディターを使って動画の見た目をカスタマイズできます。

Customizing the YouTube video feed using Smash Balloon

フィードの見栄えに満足したら、ショートコードを使ってページや投稿、ウィジェット対応エリアに簡単に追加できます。

Smash Balloonプラグインには、YouTube用のフィードブロックも用意されています。

The Feeds for YouTube WordPress block

無料のプラグインには、WordPressでYouTube動画ギャラリーを作成するために必要なものがすべて揃っていますが、より高度な機能が必要な場合は、プレミアムプラグインのSmash Balloon YouTube Feedもあります。

このプラグインを使えば、お気に入りリストの動画を表示したり、ライブストリームを埋め込んだりすることができる。

WordPressでTikTokソーシャルメディアフィードを追加する

TikTokは最も急成長しているソーシャルメディア・プラットフォームの1つで、月間アクティブユーザーは10億人を超える。

TikTokは、あなたのビジネスを宣伝し、短い動画で新しいカスタマイザーにアプローチするのに最適な場所です。実際、多くのユーザーがこのプラットフォームを使ってTikTokのプレゼントを始め、フォロワーを増やしています。

TikTokの動画は素早く簡単に見ることができるので、WordPressにも投稿することは理にかなっています。そうすることで、サイト訪問者の注目を集め、長く滞在してもらうことができます。

Smash Balloon TikTok feed example

WordPressにはTikTokブロックがビルトインされており、動画のURLを貼り付けてWordPressに埋め込むことができます。ただし、この方法では一度に1つのTikTok動画しか追加できず、カスタマイズのオプションも限られています。

そこで、Smash Balloon TikTok Feed Proプラグインの使用をお勧めします。このプラグインを使用すると、最新の動画をすべて表示するTikTokフィードを埋め込むことができ、新しいコンテンツを投稿するたびに自動的に更新されます。

さらに、TikTokフィードの外観を完全にコントロールできます。複数のテンプレートやレイアウトから選択したり、表示する動画の数を選択したり、間隔やカラムを調整したり、コンテンツの長さを編集したりすることができます。

Customize TikTok feed layout

また、ヘッダーを有効化してTikTokのフォロワーと「いいね!」を表示し、社会的証明を高めることができます。

フィードのカスタマイザーが終わったら、簡単なショートコードを使ってWordPressサイトのどこにでもすぐに埋め込むことができます。

TikTok Feed example

ステップバイステップの手順については、WordPressにTikTok動画を埋め込む方法のチュートリアルをご覧ください。

WordPressにソーシャルウォールを追加する

これまで、さまざまなソーシャルメディア・プラットフォームから個々のフィードを追加する方法を見てきた。しかし、Facebookグループ、YouTubeチャンネル、Twitterプロフィールなど、複数のソーシャルメディアアカウントを持っている場合もあるでしょう。

各プラットフォーム用に独自のコンテンツを作成する場合は、そのコンテンツをすべて1つのソーシャルメディアフィードにまとめるとよいでしょう。

こうすることで、ソーシャルメディア上で大きな存在感を示し、さまざまなプラットフォームで、さまざまな種類の興味深いコンテンツをすべて作成していることを訪問者に示すことができる。

この個別フィードは、複数のプラットフォームでフォロワーとエンゲージメントを得ることができます。また、スペースが限られていて、たくさんのソーシャルメディアフィードでサイトを埋めたくない場合にも良い選択です。

複数のソーシャルメディアアカウントを個別フィードにまとめたい場合は、Smash Balloon Social Wallプラグインをお勧めします。

WordPressに最適なソーシャルストリームプラグインで、Instagram、Facebook、Twitter、YouTubeのソーシャルコンテンツを個別フィードにまとめることができる。

A social wall, created using Smash Balloon

すでに Smash Balloon プラグインを使用して、Facebook、Instagram、Twitter、YouTube のフィードを個別に作成していますか?わずか数クリックでソーシャルウォールを作成できます。

注:このプラグインを使用するには、上記のPro Smash Balloonプラグインの少なくとも1つをインストールして有効化する必要があります。

例えば、FacebookとInstagramのコンテンツをソーシャルウォールに表示したい場合、Social Post FeedとSocial Photo Feedの両方のプラグインが必要です。

まずは、Smash Balloon Social Wall プラグインをインストールし、有効化する必要があります。詳しくは、WordPressプラグインのインストール方法をご覧ください。

プラグインをインストールして有効化したら、ソーシャルフィード ” ソーシャルウォールを作成する

Creating a social wall using Smash Balloon

追加したいソーシャルメディア・プラットフォームごとに、「ウォールに追加」をクリックするだけだ。

このプラットフォーム用に作成したさまざまなフィードがすべて表示されます。使用したいフィードの横にあるラジオボタンを選択するだけです。

Adding Instagram posts to a social wall

それが終わったら、『Create Wall』をクリックする。

Smash Balloonエディターが開き、ソーシャルウォールのあらゆる部分を微調整できます。これらの設定のほとんどは説明不要なので、どのような変更を加えたいかを確認するために目を通しておく価値があります。

An example of an embedded social wall in WordPress

設定が完了したら、「保存」をクリックして設定を保存します。

ソーシャルウォールの外観に満足したら、ソーシャルウォールブロックを使って、任意のページ、投稿、またはウィジェット対応エリアに追加できます。

例えば、ソーシャルウォールをページに追加するには、WordPressのブロックエディターでそのページを開くだけです。ここで「+」アイコンをクリックし、「ソーシャルウォール」と入力する。

Adding the Smash Balloon social wall block to a page or post

適切なブロックが外観されたら、クリックしてページに追加する。

ソーシャルウォールには、作成したばかりのマルチプラットフォームフィードが表示されます。

An example of an embedded social wall

この投稿がWordPressにソーシャルメディアのフィードを追加するのにお役に立てば幸いです。WordPressでソーシャルメディアのフォロワー数を表示する方法や、WordPressでリンクを追跡するために最適なURL短縮ツールを専門家がピックアップしたガイドもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

コメント

  1. おめでとうございます!この記事の最初のコメント投稿者になるチャンスです。
    ご質問やご提案がおありですか?ディスカッションを始めるためにコメントを残してください。

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。