スマホとPC両対応のホームページ作成、ご予約フォームの作成、
メルマガ配信、顧客管理機能までがまるっと一つになったリウムスマイル!

電話番号:06-6484-5445

営業時間:平日 9:00〜17:30

  1. Facebookページの「いいね!」ボタンをリウムスマイル!のホームページの任意の場所に設置する方法
 

Facebookページの「いいね!」ボタンをリウムスマイル!のホームページの任意の場所に設置する方法

2013/03/29

最近サイトによく貼られている「ソーシャルボタン」。

 

リウムスマイル!でも現在閲覧しているページの「いいね!」ボタンを

スマイル管理画面「システム設定」-「オプション設定」

で、自動的にニュース・コラムなどのページ下部にソーシャルプラグイン(SNSボタン)を表示することができます。

 

今回はご自身のFacebookページの「いいね!」ボタンを、好きな場所に表示させる方法を以下にご説明させていただきますので、ぜひお試しください。

※HTMLソースを変更する必要があるため、HTMLタグの知識がある方推奨です。

※Facebookページを作成していないとできない機能です。個人ページでの利用はできません。

 

Facebookのディベロッパーサイトへアクセスします

まず下記のアドレスをクリックして、ディベロッパーサイトにアクセスします。

http://developers.facebook.com/docs/reference/plugins/like/

 

「いいね!」ボタンの表示設定をする

以下の画像の解説を参考に各入力欄の項目を埋めていきます。

  1. URL to Like
    作成したFacebookページのURLを記入してください。
  2. Send Button(XFBML Only)
    コメントを送るボタンの表示設定をします。
    スマイル!で使用される場合は、チェックを外してください。
  3. Layout Style
    三種類から表示スタイルを選択します。
  4. Width
    横幅を設定します。
  5. Show Faces
    「いいね!」をクリックしてくれたユーザーのプロフィール写真の表示・非表示を選択します。
  6. Color Scheme
    ボタンの色合いを「light」か「dark」の2種類から選択します。
    必要性がない限り、「light」を推奨します。
  7. Verb to display
    「いいね!」ボタンの文字表記を「いいね!」か「おすすめ」の2種類から選択します。

すべての設定ができたら、「Get Code」をクリックします。

 

プラグインコードを取得する

  1. プラグインコードが表示されますので、上部に並んでいるボタンの右端の「IFRAME」をクリックします。
  2. 画面に表示されたコードを全て右クリックでコピーします。

 

コピーしたコードは、「いいね!」ボタンを表示させたいページを開いて「HTML編集」で任意の場所に貼り付けてください。

 

ホームページとFacebook、上手に連動させてお店への集客に結びつけてくださいね!
お店のコンセプトがまとめきれていない場合は、下のドリルをダウンロードしてやってみてね!

お店のウリをつくるドリル無料ダウンロード&メール講座

ファンづくりドリル・下ごしらえ編

ブログ・Facebook・Twitter・ホームページ・メルマガ・・・

テクニックもエエけど、

活用のカギは「お店のウリ」の明確化!

 お店のウリを自分でまとめられるドリル作りました!

ファンづくりに取り組む前にやっておくべき下ごしらえが、やさしいドリル形式のシートに書き込むだけでできちゃう!書き方の説明はメール講座で解説します。お店のオーナーさんは一度やってみて!

 

無料ダウンロードする

Facebookで最新情報を


 

裏情報はメルマガで・・・


リウムスマイル!フェイスブックページ

いいね!をすると、最新情報をあなたのタイムラインにお送りします。

メルマガオミセラブ

メルマガオミセラブの登録をする

本ブログのまとめや、ブログでは書けない裏情報などをメールでお届け!