ホームページ無料相談会 at 千葉県流山市

ホームページ制作・コンテンツ企画のウェブインク(千葉県流山市)

〒270-0157 千葉県流山市平和台1-5-4-205 株式会社ロボインク.
電話:04-7179-5079   営業時間:10:00-19:00(土日祝休業)

Facebookページを作ろう2 ウェルカムページ作成編

2011年08月31日更新

第1回 作成〜公開編 | 第2回 ウェルカムページ作成編

 

Facebookページのウェルカムページを作成しよう!

まずは、Facebookページの中央、下記写真で赤い四角で囲われた部分に埋め込むホームページ(ウェルカムページと言います)を作成します。
この部分はiframe での埋め込みになります。
幅は最大で520pxです。

 

今回の場合は、このようなホームページを作成しました。
赤い矢印は「いいね!」ボタンを指すように位置を合わせてあります。

 

ここの部分は普通のホームページと同じように作成します。
Facebook向けに良い感じのページが欲しいなというお話しがございましたら、ぜひウェブインクまでお声がけ下さい。(←営業w)

 

 Static Iframe Tabのインストール

今回のウェルカムページは「Static Iframe Tab」というアプリを使ってiframeを使って設置します。
まずは下記URLからStatic Iframe Tabをインストールします。

http://www.facebook.com/iframehost

 

そして、アプリを使うためにはFacebook開発者ページへの登録が必須となります。

Facebook開発者ページには下記のアドレスからアクセスします。

https://developers.facebook.com/apps

 

 

設置したいページを選び、「Static Iframe Tabを追加する」をクリックします。
すると、上で指定されたページに「Welcome」というタブが追加されます。

 

 

 

Welcome」をクリックすると、「Tab Setting」が表示されます。

 

Page Source」でURLを選択し、iframe内に表示されるホームページのURLを指定します。

 

縦幅やスクロールバーの表示の有無なども設定できます。
入力完了後に、「Save Setting」をクリックします。

なお、「Non-Fan Page Source」を入力すると 「いいね!」をした人としていない人とで表示させるページを分けることが可能です。

 

Facebookページに戻り、右上にある「Facebookページを編集」ボタンから下記の画面に移動します。

この画面でページをアクセスした時に最初に表示される画面を設定します。
これで完了です!

 

 

 

出来た〜☆

 

 

比較的簡単にできますので、是非チャレンジしてみて下さい。
また後日、応用編を書こうかと思いま〜す m(_ _)m

 

 

第1回 作成〜公開編 | 第2回 ウェルカムページ作成編

 

 

・よくわかんね〜から全部やって欲しい!
・面倒だから全部やって欲しい!

そんなご要望がございましたらぜひウェブインクまでお声がけ下さい。(←営業w)


お申し込み・お問い合わせ

 

 
コンテンツ制作・ホームページ制作のウェブインクのtwitterコンテンツ制作・ホームページ制作のウェブインクのtwitter
コンテンツ制作・ホームページ制作のウェブインクのFacebookページコンテンツ制作・ホームページ制作のウェブインクのFacebookページ
コンテンツ制作・ホームページ制作のウェブインクのRSSコンテンツ制作・ホームページ制作のウェブインクのRSS