Facebookページを簡単にカスタマイズする手順

facebookページ作成

 

Facebookページの作成方法に関する記事をいろいろ探してみましたが、

Facebookの仕様変更などによりすでに使えない記事ばかりでしたので、書いておきます。

2011年11月15日現在、Facebookページを作成して別で用意したHTMLを読み込ませる方法です。

今回作成したFacebookページはこちら。

facebookページ作成

 

このようにFacebookページにHTMLを読み込ませてちょっと装飾したページを作成します。

以下の手順通りやれば誰でも簡単にFacebookページを作成することができます。(2011.11.15現在)

Facebookページの作成方法

まず以下URLにアクセスします。

http://www.facebook.com/pages/create.php

そして当てはまりそうなものを1つ選んでクリック。

facebookページ

 

必要事項に入力し、「スタート」をクリック。

Facebookページ規約を読んで同意しますにチェックも忘れずに。

facebookページ

 

ここからは後で設定できるのでとりあえず「続行」をクリックしていきます。

facebookページ

facebookページ

facebookページ

 

これで白紙の状態ではありますがFacebookページが完成なので、

次からは別で用意したHTMLを読み込ませる方法について書きます。

facebookページ

別で用意したHTMLをFacebookページに読み込ませる

まずはHTMLで作成したページをレンタルサーバーなどにアップロードしておく必要があります。

レンタルサーバーによってはiframeのFacebookページに対応してないものがあるのでご注意下さい。

ヘテムルレンタルサーバーでは動作確認済みです。

 

ここから先はHTMLで作成したWEBページがすでにサーバー上に用意されていることを前提とします。

まずはFacebookページに表示させたいコンテンツをアプリとして登録します。

以下URLにアクセスしてください。

https://developers.facebook.com/apps

そして「新しいアプリケーションを作成」をクリック。

Facebookページの作成方法

 

アプリの名前(何でも可)と規約にチェックし、「続行」をクリック。

facebookページ作成

 

表示された文字の羅列を入力し、「送信」をクリック。

facebookページ作成

 

次にアプリの基本設定の「アプリをFacebookに統合する方法」を選択するところで、

「ページタブ」をクリックし、「Page Tab URL」にコンテンツを置いた先のURLを入力。

そして「変更を保存」します。

facebookページ作成

 

次に左サイドバーの関連リンクより「アプリのプロフィールページを見る」をクリック。

facebookページ作成

 

この時、「アプリのプロフィールページを見る」が表示されない場合は、こちらに対処法を書きました。

プロフィールページを表示させ、左サイドバーの「マイページへ追加」をクリック。

facebookページ作成

 

先ほど作成したアプリの「Add to Page」をクリック。

Facebookページの作成方法

 

するとFacebookページの左サイドバーにアプリが追加されます。

今回は「CENTRAL」という名前のアプリを作成したので、「CENTRAL」が追加されています。

Facebookページの作成方法

 

それをクリックすると、HTMLを読み込んだページが表示されます。

facebookページ作成

Facebookページへ訪れた人にこのページを最初に表示させる方法

デフォルト設定ではFacebookページに訪れた人には「ウォール」が最初に表示されています。

せっかくなので、今設定したアプリ(装飾したページ)を最初に表示させる方法も。

まずFacebookページ内の「基本データを編集」をクリックします。

Facebookページ

 

左メニュー「権限の管理」より「デフォルトで表示するタブ」を作成したアプリに変更し、保存します。

Facebookページ

 

以上!

ちなみに、管理者(自分)がアクセスした時には最初にアプリは表示されませんが、

他人がアクセスした時にはちゃんと表示されているのでご安心を。

Facebookページ制作

  • このエントリーをはてなブックマークに追加

【PR】話題のラインスタンプを自分で作って販売する方法

ブログランキング応援していただけると嬉しいです↓

にほんブログ村 釣りブログ バスフィッシングへ にほんブログ村 釣りブログ 東海釣行記へ にほんブログ村 釣りブログへ

この記事の著者

kazushi釣りと生き物をこよなく愛するWEBデザイナー

釣りと焼酎が好きなWEBデザイナー。夜な夜な真っ暗な部屋で水槽を眺めながら呑んでいます。最近のマイブームはハンドメイドルアー制作。琵琶湖のほとりでひっそりとWEB制作事務所を営んでいます。

この著者の最新の記事

関連記事

カテゴリー

アーカイブ

インスタやってます

ページ上部へ戻る