heartcore facebook 投稿機能マニュアル2.12....

Copyright© 2009-2013 Xyxon, Inc. All Rights Reserved

- 1 -

HeartCore Facebook投稿機能マニュアル

August 2013 Ver2.0


- 2 -

改訂履歴改訂日改訂内容初版 2012年 5月新規作成 Ver2.0 2013年 8月フォーマット改訂


- 3 -

目次

1. 本文書の目的と対象ライセンス ..................................................................................................... - 4 -

1.1. 目的 ........................................................................................................................................... - 4 - 1.2. 対象ライセンス ......................................................................................................................... - 4 -

2. FacebookのアプリID取得 ............................................................................................................ - 4 -

2.1. Facebookへログイン ................................................................................................................. - 4 - 2.2. 開発者登録 ................................................................................................................................. - 5 - 2.3. 新しいアプリケーションの作成 ................................................................................................ - 5 - 2.4. アプリケーションの基本設定 ................................................................................................... - 6 - 2.5. セキュリティチェック .............................................................................................................. - 6 - 2.6. 携帯電話番号の登録 .................................................................................................................. - 7 - 2.7. メールアドレスか携帯電話の番号を利用し認証を実行 ........................................................... - 7 - 2.8. モバイル確認コードの入力 ....................................................................................................... - 8 - 2.9. モバイル確認正常終了 .............................................................................................................. - 8 - 2.10. アプリケーションの詳細設定 ................................................................................................... - 9 - 2.11. Facebookページの作成 ........................................................................................................... - 10 - 2.12. HeartCoreからFacebookへ投稿するページを作成 ................................................................. - 11 -


- 4 -

1. 本文書の目的と対象ライセンス 1.1. 目的本文書はHeartCoreで作成されたページを、Facebookの iFrameページとして投稿する事を目的とします。なお、Facebookへ投稿するための API各種が揃っていないため、手動で操作する場面が多いことをご留意ください。 1.2. 対象ライセンス当該機能を提供しているライセンスは以下の通りです。 Professional Enterprise

Standard Suite Standard Suite Facebook投稿機能 ○ ● ○ ●

●：標準装備 ○：オプション装備－：設定なし ※JSP版のみの提供となります。

2. Facebookのアプリ ID取得 2.1. Facebookへログイン http://www.facebook.com/ へアクセスし、メールアドレスとパスワードを入力しログインします。 ※アカウントを所持していない場合は、アカウント登録を行う必要があります。


- 5 -

2.2. 開発者登録 http://developers.facebook.com/apps/ へアクセスし、開発者登録を行います。「許可する」を押下します。 2.3. 新しいアプリケーションの作成「新しいアプリケーションを作成」を押下します。


- 6 -

2.4. アプリケーションの基本設定「App Name」に作成したいアプリケーションの名称を入力します。この例では、「HeartCore」と入力。入力したら「続行」を押下します。 2.5. セキュリティチェック画像に表示されている読み難い文字をテキストボックスへ入力し、「送信」を押下します。


- 7 -

2.6. 携帯電話番号の登録開発者登録を続行するために、携帯電話で認証を行います。「電話番号を入力」リンクを押下します。 2.7. メールアドレスか携帯電話の番号を利用し認証を実行・国番号: 日本(+81) ・携帯連絡先情報: メールアドレス or電話番号・携帯メールで受け取る or電話を受けるを選択・上記の 3手順を踏み、「続行」を押下この例ではメールを選択。この場合、選択したアドレスへ root+<random>@facebookmail.com からメールが届きます。内容は、Facebookモバイル確認コード: <random>またはhttp://fb.me/<random>へ移動というメールです。今回は、モバイル確認コードを利用します。


- 8 -

2.8. モバイル確認コードの入力上記 2.7で指定したアドレスへ届いた確認コードをテキストボックスに入力し、「続行」を押下します。 2.9. モバイル確認正常終了正常に確認が終了すると上記画面が表示されますので、「続行」を押下します。


- 9 -

2.10. アプリケーションの詳細設定アプリケーションの登録が正常に完了すると、上記のような画面へ遷移します。上記赤枠で囲んである、「ウェブサイト」と「ページタブ」の編集が必要です。編集する項目を押下することで、設定画面が開きます。ウェブサイトへは、HeartCoreが設置されているサイトのドメインを入力します。例: http://www.example.com/


- 10 -

ページタブの設定では、ページタブ名、Page Tab URL、Secure Page Tab URL、Page Tab Widthの 4項目を設定する必要があります。例）ページタブ名: Welcome Page Tab URL: http://www.example.com/facebook/page1.html Secure Page Tab URL: https://www.example.com/facebook/page1.html Page Tab Width: Wide(810px) この時入力した、Page Tab URLと Secure Page Tab URLのファイル名をメモ等して残しておいてください。また、下記にて赤枠で囲んだ App IDも同様にメモ等して残しておいてください。 2.11. Facebookページの作成 http://www.facebook.com/pages/create.php へアクセスし、Facebookページの作成を行います。（ここでは、Facebookページの作成方法は割愛させていただきます。）今回の例では、「Xyxon」という Facebookページを作成します。


- 11 -

2.12. HeartCoreから Facebookへ投稿するページを作成 HeartCoreの管理画面へログインし、「設定」 > 「Facebook投稿」を選択すると、以下の画面が表示されます。 2.10でメモした内容をもとに、必要項目を埋めていきます。・YOUR_APP_IDへ、App IDを入力・保存するファイル名へ、Page Tab URLおよび Secure Page Tab URLのファイル名のみを入力・作成したいページタイプを「シングルページ」「タブ形式」「ドロップダウン形式」から選択・投稿するページを選択「選択」ボタンを押下すると以下の画面が表示されますので、任意のページを選択し「OK」を押下します。すると、投稿するページ一覧へページが追加されます。


- 12 -

ページの選択が終了したら「プレビュー」ボタンを押下し、作成後のページイメージを確認します。問題なければ、「投稿」ボタンを押下します。押下することで、DOCUMENT_ROOT/facebook/<入力されたファイル名>でファイルが作成されます。また、Facebookページへの追加画面が表示されますので、作成した Facebookページを選択し、「アプリ名を追加する」ボタンを押下してください。

以上

heartcore facebook 投稿機能マニュアル2.12....

Documents