グーペを利用している方でサイトにfacebookページを設置したい。

そうお考えの方にfacebookページ設置のご紹介をします。

 

※今回はデフォルトのデザインを使用した場合で

QRコードの上にfacebookページを設置する場合です。

facebookページのコードを

HTML設定のサイドバー各空き部分に挿入することで

設置場所を変更することも可能です。

 

 

①まずはfacebookページの操作から

まずfacebookページのURLをコピーします。

 

 

 

 

 

次にいいねボタンの設置をクリックします。

 

 

 

 

 

 

クリックするとこちらのページに変わりますので

URLの①欄にさきほどコピーしたURLを貼り付けます。

 

 

 

 

 

 

 

 

 

詳細説明

①URL挿入
②プラグインの横幅
③プラグインの縦の長さ
④プラグインのイメージ(明るいイメージ・暗いイメージ)
⑤いいね!を押しているファンの顔写真
⑥プラグインのカラー変更
⑦facebookの更新情報掲載設定
⑧ヘッダーの掲載設定
⑨コードの取得

 

 

 

 

 

①のIFRAMEを選択し②のコード(英数字の羅列とお考えください)をすべて選択します。

 

②グーペの操作

次にグーペのサイトでの作業です。

 

 

その6、デザインを変更してみようを選択してください。

 

 

 

 

 

 

 

 

 

右上にあるモードの設定をノーマルモードに変更してください。

プルダウンメニューから変更できます。

 

 

 

 

 

編集ボタンをクリックします。

 

 

 

 

レイアウト選択欄の右側にある詳細編集はこちらをクリックします。

 

 

 

 

 

 

 

 

 

 

 

HTML画面から携帯サイトの上部空き部分に

先ほどfacebookページでコピーしたタグを挿入します。

アドバイス:「サイドバー部分ここから」を目標に探すと簡単に探す事ができます。

 

 

 

 

 

 

画面を下にスクロールし、変更を保存するボタンを押して終了です。

 

 

 

 

 

変更が保存終了後、実際のサイトを開いて確認してください。

万が一、デザインが崩れている場合

facebookページのコード挿入部分が間違えているので

挿入したコードの位置を確認してください。