(株式会社Gazi工房)2014年3月10日更新ツイート閲覧数7,627viewsこのコラムをPDF形式でダウンロードするホームページにおいて、ソーシャルメディアを使ってビジネスに活用するためには、その代表格であるSNS(ソーシャルネットワーキングサイト)のソーシャルプラグインと言われるパーツを導入する必要があります。今回は、みんビズのコンテンツメニューに用意されている、SNSのソーシャルプラグイン機能を利用して、簡単にSNSとの連携をする方法を解説していきます。今回のテーマはSNSとの連携となります。SNSと連携するためには、事前に登録し、アカウントを作成する必要があります。Twitter:https://twitter.com/Facebook:https://www.facebook.com/Google+:https://plus.google.com/?hl=jaTwitterと連携してみよう!みんビズでTwitterと連携するには、まず[管理メニュー]から[設定]をクリック、[Apps]から[Twitter]をクリックします。画面が切り替わるので[JimdoとTwitterをリンクさせる!]をクリックしましょう。画面が一時的に、Twitterへと移動します。この時、ホームページと連携させたいTwitterアカウントであるかを確認しましょう。問題が無い場合は、[連携アプリを認証]をクリックします。これで、Twitterとホームページが接続された状態となりました。[設定]から[Twitter]、[JimdoとTwitterをリンクさせる!]の順でクリック。Twitterアカウントを複数お持ちの方(個人アカウントと企業アカウントなど)は、[JimdoとTwitterをリンクさせる!]をクリックし、Twitterへ画面遷移した時に、連携させたくないアカウントが表示された場合、画面右上のアカウント名横の「▼」部分をクリックし、一度Twitterをログアウトすると下図のようにログインフォームが表示されます。ここで、連携したいTwitterアカウントのユーザー名、または登録メールアドレス、パスワードを入力し、[連携アプリを認証]をクリックします。今回のコラムで使用する[コンテンツメニュー]のボタンは上図の4つ。Twitterのフォローボタンを設置するには、[コンテンツメニュー]から[Twitter]をクリックします。編集画面で、「Twitterのユーザー名」部分に[管理メニュー]で設定した「Twitterのユーザー名」を入力し、お好みのスタイルを選び[保存]をクリックし、設定が終了です。Twitterのユーザー名ホームページに表示させたいTwitterのユーザー名を入力します。数量ホームページに表示させる最新のツイート(つぶやき)の数を指定できます。「0」を指定した場合、ツイートは非表示となります。フォローボタン表示するボタンのスタイルを「ボタン」・「表示数」の2種類から選択できます。フォローボタン:「ボタン」の表示フォローボタン:「表示数」の表示Facebookと連携してみよう!Facebookとの連携する機能として、みんビズでは「いいね!ボタン」「いいね!ボックス」「シェアボタン」の3種類の設置が可能です。(「シェアボタン」については後述いたします。)「いいね!ボタン」とは、ホームページを閲覧した人がホームページやブログに対して「いいね!」と評価または意思表示をするためのもので、「いいね!ボックス」は、Facebookページのファン数や、最新のアップデートを表示させるものです。「いいね!ボタン」を設置するには、[コンテンツメニュー]から[Facebook]をクリックします。編集画面で、「いいね!ボタン」部分にチェックを入れ、スタイルを選び、表示方法や高さを調整し、[保存]をクリックで設定が終了です。スタイル「いいね!ボタン」のスタイルを「Standard」「Button」「Box」の3つから選択することができます。プロフィール写真プロフィール写真を表示する場合はチェックを入れます。背景色に合わせたカラーを「白」「黒」から選択できます。高さ表示させる部分の高さを指定できます。「いいね!ボックス」を設置するには、「いいね!ボタン」と同じように[コンテンツメニュー]から[Facebook]をクリックします。URL」にFacebookページのURLを入力します。表示するアイテムを選び、高さを調整し、[保存]をクリックで設定が終了です。URL」に個人アカウントのURLを入力しても何も表示されることはありません。「いいね!ボックス」で表示されるのは「Facebookページ」のみとなるので、ご注意ください。URLFacebookページのURLを入力します。プロフィール写真Facebookページに「いいね!」をした方々のプロフィール写真を表示する場合はチェックを入れます。ストリームFacebookページのストリームを表示する場合はチェックを入れます。背景色に合わせたカラーを「白」「黒」から選択できます。高さ表示させる部分の高さを指定できます。Google+と連携してみよう!Google+との連携機能は、「+1ボタン」と「シェアボタン」、「Google+バッジ」の3種類の設置が可能です。「+1ボタン」とは、Facebookの「いいね!ボタン」とほぼ同じ使い方をする機能で、Google+上で評価または意思表示をするためのものです。「シェアボタン」はホームページの情報をGoogle+で共有、「Google+バッジ」は登録されているGoogle+のプロフィールページへリンクと、サークルへの追加ができるものです。「+1ボタン」を設置するには、[コンテンツメニュー]から[Google+]をクリックします。編集画面で、「+1ボタン」部分にチェックを入れ、表示させるサイズ、スタイルを選び、[保存]をクリックで設定が終了です。サイズを選択できます。スタイル「表示数」「+1情報」「無し」から選択できます。「シェアボタン」を設置するには、[コンテンツメニュー]から[Google+]をクリックします。編集画面で、「シェアボタン」部分にチェックを入れ、表示させるサイズ、スタイルを選び、[保存]をクリックで設定が終了です。サイズを選択できます。スタイル「横」「縦」「+1情報」「無し」から選択できます。縦表示に関しては、用意されているものが1種類のみとなるので、サイズを指定しても変更されません。「Google+バッジ」を設置するには、[コンテンツメニュー]から[Google+]をクリックします。編集画面で、「Google+バッジ」部分にチェックを入れ、「プロフィール/サイトURL」にリンクさせたいGoogle+のプロフィールページのURLを入力します。スタイルを選び、[保存]をクリックで設定が終了です。プロフィール/サイトURLリンクさせたいGoogle+のプロフィールページのURLを入力します。バッジ」「ロゴ」から選択できます。背景色に合わせたカラーを「白」「黒」から選択できます。バッジ」の表示スタイル「ロゴ」の表示シェアボタンの設置みんビズは、Twitter、Facebook、Google+を含め、様々なSNSに対し情報を共有することができる「シェアボタン」を設置することができます。「シェアボタン」を設置するには、[コンテンツメニュー]から[シェアボタン]をクリックします。編集画面で、連携させたいSNS名にチェックを入れ、表示サイズを選び、[保存]をクリックで設定が終了です。サイズボタンのサイズを16px、32px、64pxから選択できます。スタイルボタンのスタイルを「カラー」「グレースケール」か選択できます。表示したいSNSまたはメールのボタンにチェックを入れます。全てのボタンを32pxのサイズで表示。上段がカラー、下段がグレースケール。まとめ今回解説したソーシャルプラグイン機能は、設置する場所によってリンクや意思表示されるページが変わります。サイドバー(テンプレートによってはフッター部分)に設置すると、ホームにリンクし、ホームページ全体に対しての「いいね!」などの意思表示や評価となります。これに対し、コンテンツ(本文部分)に設置をすると、設置したページに対してのものとなります。これらを理解して、SNSと連携をしてみましょう。茂樹さんが「ソーシャルメディアビジネス活用講座(全12回)」を連載されています。ソーシャルメディアをビジネスに活用するために必要なことを丁寧に解説されていますので、そちらもぜひご覧ください。経て、フリーランスでWeb制作活動を開始。2007年に株式会社Gazi工房を設立。