オルタナティブ・ブログ > ソーシャルメディアマーケティング >

海外の最新ソーシャルメディア活用事例の紹介や、実体験に基づいたマーケティングノウハウをお伝えします。

Facebook: Static HTMLを使った「ファン限定表示タブ」の作成方法

»

Facebookの「ファン限定表示タブ」は、ページの中身を見る前の訪問者に「いいね!」ボタンを押してもらう方法として、非常に大きな効果を発揮する。この機能を使うことで「ファン予備軍」を迎え入れ、Facebookページに参加するよう後押しできる。この「ファン限定表示タブ」の作成は、Facebookページをビジネスに使うなら絶対におすすめだ。

幸いにもInvolverからリリースされた、Static HTML for Pagesアプリ(無料)を使えば、初心者からプロまで、あらゆるレベルのカスタマーが簡単に「ファン限定表示タブ」を設置することができる。Involver Blogの記事を参考に、その手順を紹介したい。

 

1) InvolverのStatic HTMLをFacebookページにインストールする
まず、http://involver.com/applications/にアクセス。Static HTMLのコーナーがあるので、そこにある「Install」をクリックする。ドロップダウンリストからインストール先となるFacebookページを選ぶ。既にInvolverの無料版アプリを2つ以上インストールしている場合は、アカウントを有料版にアップデートするか、インストール済みのアプリケーションの1つをアンインストールする必要がある。


  • 「Account Sign-up」に連絡先を記入する。アプリケーション設定を編集し、「Save Changes」ボタンをクリック。スクリーン上にチュートリアルが表示されますので、これを読み「Continue to Fan Page」をクリック。

  • Facebookページ上にStatic HTMLアプリを表示させる。「Edit Page」をクリックし、左側に現れるリストから「Apps」を選ぶ。表示させたいStatic HTMLアプリの下にある「Edit Settings」をクリックし、「Add」を選ぶ。

  • Facebookページの左側の列にStatic HTML for Pagesアプリが表示されているはず。もし表示されていない場合は、この列にある「More」ボタンをクリック。「Edit」をクリックすることで、Static HTML for Pagesアプリを上に移動させることがでる。

  • タブの左上隅にある「Edit Tab Settings」リンクをクリックすれば、いつでもアプリケーション設定を変更することができる。


 

2) 「ファン限定表示タブ」ページをデザインする
「ファン限定表示タブ」ページのデザインを選ぶにあたって、いくつか考慮しなければならない点がある。デザインは520ピクセルの幅で、Facebookと互換性のあるフォーマットである必要がある。(.jpg .またはpdf または.png)

ブランドがファンに自社のFacebookページの「いいね!」ボタンを押してもらいたい時、よく用いられるのがこの「ファン限定表示タブ」。ファン以外の人たちは「いいね!」ボタンを押すまでページの中身を見ることができない。Static HTML for Pagesでは、単一画像からカスタマイズ可能なHTMLコードまでアップロードすることが可能。

このようなファンだけに内容を公開する機能は、たびたびファン獲得の方法として紹介されるが、あまり知名度のないブランドにとっては、かえってファンを失いかねない危険性を含んでいるので注意が必要。ブランドに対する十分な知識や「いいね!」ボタンを押してまで中を見たいという動機がない場合、Facebookページに入る前に引き返してしまう人が多い。

このような事態を最小限にとどめるため、見返りとして何らかのサービス(ディスカウントや無料ダウンロードやコンテンツへの独自アクセス)をユーザーに提供するのがおすすめ。この場合、その意図が視覚的にすぐ理解できるようにすることが重要。例えば「ファン限定表示タブ」の中に、矢印が描き、デザインから明らかに「いいね!」ボタンを要求しているようにするといい。

つまり、何を求められているかということを訪問者がきちんと理解できるようデザインすることが重要。「いいね!」ボタンだけでも十分だと思っている人も、こういったデザインの「ファン限定表示タブ」をアップロードして効果を確かめてほしいい。その際には、矢印が正しい方向に向いているか、何をしてもらいたいのかをはっきりと伝えているか、逆に露骨になりすぎていないか注意すること。

 

3) イメージをStatic HTMLアプリに反映させる


  • 「Edit Tab Settings」ページにアクセスすると、「What do you want to display?」と尋ねるメッセージが表示されるので、「Custom Image」を選び、あなたが作ったデザインを画面に表示させデザインの確認。

  • 「Syndication & Accessibility」で「Content Visibility」の下にある「Only Fans」を選び、その下にある「Display Custom Image to Non-Fans?」の下のボックスにチェックを入れる。

  • Static HTMLがデフォルトランディングタブの設定になっているか確認する。この確認は「Manage Permissions」の「Edit Info」と「Edit Page」のどちらでも可能。「Default Landing Tab」の隣にあるドロップダウンメニューの中に「Static HTML for Pages」があればデフォルトランディングタブの設定になっている。


Comment(0)