[lightbox:/images/library/Image/ospn/logo.png width:200 height:auto]
まず最初に、GeeklogはウェブをUNIXのパーミッションの概念のままセキュアに構築できるGeekなCMSです。
[lightbox:/images/library/Image/ospn/01.png width:170 height:140] [lightbox:/images/library/Image/ospn/02.png width:170 height:140] [lightbox:/images/library/Image/ospn/03.png width:170 height:140]
PC,携帯、スマホなどで表示できます。
ちなみに携帯ハックのソースはConcrete5に移植されて活用されています。
[lightbox:/images/library/Image/ospn/04.png width:170 height:140]
標準でFacebook, LinkedIn,TwitterのOAuthでログインも可能。最近ではYahoo OAuthもハックが紹介されています。
[lightbox:/images/library/Image/ospn/05.png width:170 height:140] [lightbox:/images/library/Image/ospn/06.png width:170 height:140]
そのGeeklogを活用して、Facebook Pageをリッチに構築する方法をご紹介します。
Facebook Pageのしくみ
Facebook Pageでは、自由にページを追加できます。(左:ログイン前、右:ログイン後)
[lightbox:/images/library/Image/ospn/07.png width:170 height:140][lightbox:/images/library/Image/ospn/08.png width:170 height:140]
Facebookでは、左のメニューからリンクされるページを「タブ」と呼び、自由に作成するページのことを、「カスタムタブ」と呼んでいます。
このカスタムタブで、Geeklogで作成したページをiFrameで表示することができます。
Facebook Pageはすでに作られているものとし、新たにカスタムタブを追加する方法をご紹介します。
作成事例 1:
Facebook Page: http://www.facebook.com/geeklog.jp?sk=app_162458890516775
作成事例 2:
FacebookのURL: http://www.facebook.com/ivywecojp?sk=app_286437718044456
運用する方法
Facebook PageのままGeeklogにログインしてページの内容を変更できます。(左:ログイン 右:ログイン後)
[lightbox:/images/library/Image/ospn/09.png width:170 height:140][lightbox:/images/library/Image/ospn/09.png width:170 height:140]