2014年10月8日4 分
最終更新: 2日前
ソーシャルメディアは、今や企業にとって欠かせないマーケティングツールです。自分のビジネスでもSNSに力を入れ、試行錯誤を重ねている方も多いかと思います。SNSでコンテンツを発信しているなら、そのコンテンツをホームページにも活用してみませんか?
Wix でホームページを作成している方は、Wix App Marketで提供されている無料のアプリを使えば、プログラミングの知識がなくても、すぐにSNSのコンテンツをホームページに埋め込むことができます。
この記事では、Wixサイトに埋め込むことができるおすすめのSNS機能と、活用する際の注意点を紹介します。ソーシャルメディアとホームページの相互作用によりビジネスの成長を加速させましょう。
Instagram 投稿をサイトに埋め込む方法
X(旧 Twitter)投稿をサイトに埋め込む方法)
複数のSNSをまとめてサイトに埋め込む方法
Instagramは、サイトとの連携で大きな効果を発揮します。Wix の Instagram Feed アプリを使えば、Instagramフィードをそのままウェブサイトに表示可能です。サイトでの Instagram フィードの表示方法をカスタマイズすることもできます。画像に「いいね」数やコメント数をポップアップ表示させることもできます。これにより、訪問者にInstagramの世界観をそのまま届けることができ、より親近感を持ってもらえるでしょう。
特定のプロフィールやハッシュタグを選んでフィードをカスタマイズできるため、より個性的で魅力的なページを作成できます。
エディタ左側で「アプリ」 をクリックします。
検索バーに「Instagram Feed」と入力してアプリを検索します。
「サイトに追加」をクリックします。
ページ内でアプリを選択します。
「設定」をクリックします。
「個人アカウントを接続」または「ビジネスアカウントを接続」をクリックします。
X(旧 Twitter)も、サイトに欠かせない要素です。スピーディーに情報発信ができるTwitterのフィード(タイムライン)をウェブサイトに追加すれば、訪問者にあなたが関わっている話題をリアルタイムで伝えられます。
X(旧 Twitter)では、 Web サイトにタイムラインを埋め込むためのツールを用意しています。以下の使い方にしたがって、HTMLコードを作成し、WixのHTML
埋め込みたいタイムラインのリンクを入力します。
HTMLコードをコピーし、自分のWix エディタに移動します。
パーツを追加>埋め込みコード>HTML埋め込みを選択します。
HTMLコードをペーストし、ウィジェットのサイズを調節します。
複数のソーシャルメディアをまとめて表示したい方には、サードパーティ製アプリのSocial Media Feedがぴったりです。このアプリを使えば、FacebookやTwitter、Instagramだけでなく、PinterestやYouTube、Tumblrのフィードも一括して管理できます。
設定は簡単。各プラットフォームのプロフィールURLを入力するだけで、すべてのソーシャルメディアを1つのウィジェットにまとめられます。デザインやレイアウトも自由にカスタマイズできるので、スッキリと整理された見た目を実現できます。
SNSリンクを配置する場所とデザインは、訪問者にとって使いやすいかどうかに大きな影響を与えます。以下のポイントに注意し、最適な位置とデザインを選びましょう。
1. SNSメニューをカスタマイズ
Wix には900種類以上のホームページテンプレートがありますが、そのほとんどに「ソーシャルバー」が備わっています。このソーシャルバーを設定することで、ソーシャルメディアのプロフィールに、アイコンをリンクできます。
「アイコンの整理」をクリックして、各プロフィールへのリンクを追加してください。「アイコンの追加」から、さまざまなソーシャルメディアのロゴを選択できます。
2. シンプルでわかりやすいデザイン
SNSアイコンはシンプルで直感的にわかるデザインを選びましょう。アイコンの形や色は、サイト全体のデザインに合ったものを選び、視覚的に過剰にならないように気をつけます。
3. モバイル対応の確認
モバイル端末での表示も重要です。Wixではモバイルフレンドリーなサイト制作をサポートしており、モバイル端末でもSNSリンクがしっかり表示されるように調整できます。
WixサイトにSNS投稿を埋め込むことは、訪問者とのつながりを深め、ブランド認知度を向上させるために重要です。SNSリンクを適切な位置に配置し、シンプルで視覚的に調和の取れたデザインを選ぶことで、ユーザーにとって便利で使いやすいサイトを提供できます。また、モバイル対応も忘れずにチェックしましょう。これらのポイントを押さえて、Wixサイトをさらに効果的に活用してください。
おすすめ関連記事
この記事を書いた人
Wix Team