こちら - 無料診断アプリメーカー

Facebook 診断アプリ設定手順書
はじめに
【推奨環境】
このレポート上に書かれている URL はクリックできます。できない場合は最新
の AdobeReader をダウンロードしてください。（無料）
http://www.adobe.co.jp/products/acrobat/readstep2.html
【著作権について】
このレポートは著作権法で保護されている著作物です。
下記の点にご注意戴きご利用下さい。
このレポートの著作権は作成者に属します。
著作権者の許可なく、このレポートの全部又は一部をいかなる手段におい
ても複製、転載、流用、転売等することを禁じます。
このレポートの開封をもって下記の事項に同意したものとみなします。
このレポートは秘匿性が高いものであるため、著作権者の許可なく、この
商材の全部又は一部をいかなる手段においても複製、転載、流用、転売等
することを禁じます。
著作権等違反の行為を行った時、その他不法行為に該当する行為を行った
時は、関係法規に基づき損害賠償請求を行う等、民事・刑事を問わず法的
手段による解決を行う場合があります。
このレポートに書かれた情報は、作成時点での著者の見解等です。著者は
事前許可を得ずに誤りの訂正、情報の最新化、見解の変更等を行う権利を
有します。
このレポートの作成には万全を期しておりますが、万一誤り、不正確な情
報等がありましても、著者・パートナー等の業務提携者は、一切の責任を
負わないことをご了承願います。
このレポートを利用することにより生じたいかなる結果につきましても、
著者・パートナー等の業務提携者は、一切の責任を負わないことをご了承
願います。
■使用許諾契約書
本契約は、本マニュアルをダウンロードした個人・法人（以下、甲と称す）と株式会社イー･
モーション･クリエイティブ（以下、乙と称す）との間で合意した契約です。
本マニュアルを甲が受け取り、手順に沿って設定を進めた時点で、甲はその契約に同意した
ことになります。
第１条本契約の目的
乙が著作権を有する本マニュアルに含まれる情報を、本契約に基づき甲が非独占的に
使用する権利を承諾するものです。
第２条禁止事頄
本商材に含まれる情報は、著作権法によって保護されています。
甲は本商材から得た情報を、
乙の書面による事前許可を得ずして出版・講演活動、
および電子メディアによる配信等により一般公開することを禁じます。
特にトラブルを第三者に渡すことは厳しく禁じます。
甲は、自らの事業、所属する会社および関連組織においてのみ
本マニュアルに含まれる情報を使用できるものとします。
第３条契約の解除
甲が本契約に違反したと乙が判断した場合には、
乙は使用許諾契約書を解除することができるものとします。
第４条損害賠償
甲が本契約の第２条に違反した場合、本契約の解除に関わらず、甲は乙に対し、
その違約金として、
違約件数と販売価格を乗じたものの 10 倍の金額を支払うものとします。
第５条責任の範囲
本マニュアルを使用の一切の責任は甲にあり、この情報を使って損害が生じたとしても
乙は一切の責任を負いません。
第１章：Facebook 開発者になる
Facebook 診断アプリを作っていただくには、
Facebook アプリのアプリ ID を取得していただく必要があります。
アプリ ID を取得する為にまずは「Facebook 開発者」になります。
※既に開発者登録している場合は第 2 章までスキップして下さい。
Facebook Developers のページに移動し、
上部メニューの「アプリ」をクリックします。
https://developers.facebook.com/
アプリの許可を求められるので、
「許可する」を選択します。
※表示されない場合はそのまま次のステップへ進んで下さい。
「I accept the Facebook Platform Policy and the Facebook Privacy Police」
に、チェックボックスをチェックし、続行をクリックします。
開発者としてのプロフィール情報を入力します。
任意ですので、すべて空欄のままでも問題ありません。
続行をクリックします。
完了をクリックします。
次は開発者になるために
携帯電話認証、もしくはクレジットカードによる認証を行います。
※説明は携帯電話認証にて説明します。
https://register.facebook.com/confirmphone.php に移動します。
「日本」を携帯メールアドレスを入力して、承認を押します。
「Facebook アカウント確認メール」というメールが、登録した携帯届きます。
メール本文にある「確認コード」を下記 URL より入力します。
確認コード入力ページ>>> https://www.facebook.com/settings?tab=mobile
確認コードを入力したら開発者登録は完了です。
第２章：アプリ ID の取得・情報の設定
※ アプリ ID を取得する前に、
制作するアプリの名称を決めておいてください。
こちらの URL より設定を行います。
>>>
https://developers.facebook.com/apps
ページを開いたら、ページ上部にある「アプリ」から、
「新しいアプリを作成」
選択します。
下記画面が表示されます。
DisplayName に作成するアプリケーション名を入力します。
Namespace は、後ほど設定しますので、空欄のままにしておいてください。
※ネームスペースは、すでに誰かに使用されているものは使えません。
カテゴリは適当なものを選択してください。
入力が完了したら、
「アプリケーションを作成」クリックしてください。
下記画面が表示されますので、画像の文字を入力し、送信ボタンを押します。
※文字が読み取れない場合は、「別の文字を表示」をクリックします。
別の文字の画像に切り替わります。
上記の文字の画像の場合、入力する文字は
Hktl35p です。
大文字・小文字にご注意ください。
セキュリティチェックをするとアプリが作成されます。
第３章：「無料診断アプリメーカー」サイト
での会員情報入力
https://fb-maker.com/mypage/にアクセスして、ログインしたら、メニュー内
の「会員情報の変更」をクリックしてください。
◆基本情報
Facebook アカウント URL：
ご自身の Facebook アカウントページの URL を入力してください。
https://www.facebook.com/settings
このページ内の一般アカウント設定のユーザーネーム(ユニーク URL)が入力内
容となります。
希望ユーザーID:
ご希望のユーザーID を入力してください。
◆ プライバシーポリシー掲載情報
連絡先名：
いいね！をもらいたい Facebook ページが法人の場合は法人名を、個人の場合は
個人名を入力ください。
連絡先電話番号：
アプリに対するお問合せ先の電話番号を入力してください。
営業時間：
電話でのお問合せに対応できる時間を入力ください。
（例：基本的に 10 時から 20 時までが営業時間です。）
個人情報管理責任者：
法人の方の場合は、御社の個人情報管理責任者のお名前を、個人の方の場合は
ご本人のお名前を入力してください。
以上、入力が終わりましたら、内容確認ボタンをクリックして内容を更新して
ください。
第４章：無料診断アプリメーカーで
アプリ作成
アプリを作成する前に
無料診断アプリメーカーで作れるアプリの種類
無料診断アプリメーカーでは 2 種類のアプリを作成していただけます。
・誕生日形式
アクセスしたユーザーが誕生日を選んで、そのデータをもとに診断結果を返す
アプリです。アプリの設定が比較的簡単ですので初心者向けになっています。
・質問形式
アクセスしたユーザーに質問に答えてもらって、その回答の点数によって診断
結果を返すアプリです。誕生日形式にくらべて、質問と回答テキストの用意と、
点数設定が増えますので、設定は上級者向けになっています。
診断アプリの素材準備
以降で作成していただく 2 種類の診断アプリには、画像ファイルと診断結果テ
キストが必要です。
画像ファイル
・アプリケーション一覧等で使われるアイコン(JPG,PNG,GIF 形式、16px×
16px)
・ダイアログ等で使われるアイコン(JPG,PNG,GIF 形式、75px×75px)
・アプリのアイコン画像(JPG,PNG,GIF 形式、200px×200px 以内、500KB 以下)
・アプリメイン画像(JPG,PNG,GIF 形式、810px×580px 以内、500KB 以下)
・診断結果画像(JPG,PNG,GIF 形式、404px×404px 以内、500KB 以下)
この診断結果画像がユーザーのウォールに投稿されます。投稿される際に
は、表示サイズが最小で 90px X 90px になりますので、その点を考慮して
画像を作成してください。
テキスト
・診断結果テキスト
診断結果は 1 個から 10 個まで設定できますので、自由に選択してください。
また、質問形式には
・質問と回答
・点数設定
が必要になります。こちらの詳細は、
「第 6 章質問形式のアプリを設定する」を
お読みください。
アプリの作成
https://fb-maker.com/mypage/にアクセスして、ログインしたら、メニュー内
の「アプリの追加」をクリックしてください。
この章では、無料診断アプリメーカーの web ページと、Facebook Develper の
web ページの内容を、何回かコピーアンドペーストしていただくことになりま
す。
web ブラウザに

無料診断アプリメーカーのページ

Facebook developers アプリ ID のページ
を開いた状態にしていただきますと、作業がスムーズに進めることができます。
まず始めに、無料診断アプリメーカーのサイトで
「アプリ名」と「ご希望のアプリキー」を設定します。
アプリ名：
診断アプリの名前を入力してください。
（入力例：誕生日診断）
ご希望のアプリキー：
診断アプリのプログラム内部で使われるアプリの名称です。
（入力例：appli）
入力し終えたら、次へをクリックします。
NameSpace 候補:
ドロップダウンリストから、一番始めに現れる NameSpace 候補を選択します。
（例：applia）
選択したら、無料診断アプリメーカーのページを開いたまま、別のウィンドウ
（またはタブ）で Facebook developers のページ
https://developers.facebook.com/apps
を開きます。
ページが開いたら、先ほど作成したアプリ名をクリックすると、アプリのダッ
シュボード画面に移動します。
この画面が開いたら、ページ左部の「設定」をクリックしてください。
Facebook での設定を行います。
以下の基本データを設定します。
Display Name:
AppID 取得時に設定したアプリ名が入力されています。変更しないでください。
Namespace：
さきほど選択した Namespace(先ほどの例では applia)を入力してください。
※ Namespace は、すでに誰かに使用されているものは使えません。その場合は、
他の Namespace にする必要がありますので、無料診断アプリメーカーのペー
ジに戻り、再度「NameSpace 候補」からを別のものを選択し、設定し直して
ください。
（再設定の例：applib など）
App Domains： fb-maker.com ※http://は入力しない
「+ Add Platform」をクリックすると、以下のように展開します。
「ウェブサイト」をクリックしてください。
下記のように「ウェブサイト」の項目が現れます。
「サイト URL」欄に無料診断アプリメーカーページ内の「セキュリティで保護
されたアプリ URL」をペーストしてください。
一通り情報を入力した後、
「変更を保存」ボタンをクリックします。
次に、Facebook の AppID と AppSecret を無料診断アプリメーカーに入力します。
無料診断アプリメーカーのページの「AppID」欄と「AppSecret」欄、に Facebook
developers ページの AppID と AppSecret を、コピーアンドペーストしてくださ
い。
アプリタイプ：
誕生日形式か質問形式を選択してください。
Facebook ページ URL:
いいね！数を増やしたい、Facebook ページの URL を入力してください。
入力すると「Facebook ページ ID」の欄が自動で入力されます。
「次へ」を押して、引き続きアプリの設定を行います。
上記のページに移動したら、先ほど開いたままにしてある Facebook developers
ページで、アプリの設定を続けていきます。
Facebook developers ページでアプリ ID の詳細設定ページを開きます。
ページ上部の「詳細設定」タブをクリックしてください。
以下のページが開きます。
「Country Restricted」をクリックすると、以下のように展開します。
「Allowed Countries」欄に「japan」と入力します。
次にページ左部の「Status & Review」をクリックします。
以下のページが開きます。
「Do you want to make this app and all its live features available to the
general public?」をクリックすると以下のようなになりますので、「承認」を
クリックしてください。
「承認」をクリックして、元のウィンドウに戻ったら「App Details」をクリッ
クします。
以下のページが開きます。
以下の情報を設定します。
キャッチフレーズ:サブタイトルを入力してください。
簡単な説明:アプリ内容の要約を記載して下さい。
詳細：アプリ内容の詳細説明を記載してください。
許可の説明:アプリを許可した場合どのような動作をするかを記載して下さい。
Privacy Policy URL:
無料診断アプリメーカーのウィンドウに戻り、
「セキュリティで保護されたプラ
イバシーポリシーURL」内の URL をコピーして、ペーストしてください。
※この項目は必須になっており設定せずに利用していると、アプリを停止される可能性があ
ります。
サービス規約の URL:
無料診断アプリメーカーのウィンドウに戻り、
「セキュリティで保護された利用
規約 URL」内の URL をコピーして、ペーストしてください。
※この項目は必須になっており設定せずに利用していると、アプリを停止される可能性があ
ります。
引き続きページ下部で設定をします。
ロゴ:アプリケーション一覧等で使われるアイコンです。
アイコン:ダイアログ等で使われるアイコンです。
アプリの表示名とイメージ画像は、ユーザーがアプリケーションの
認証をしたときに表示される名前となります。
すべての入力が終わったら、
「変更を保存」をクリックしてください。
以上で、Facebook でのアプリの設定は完了です。
アプリタイプの設定で、誕生日形式を選択した方は第 5 章を、質問形式を選択
した方は第 6 章をお読みください。
第５章：誕生日形式アプリの設定
第 4 章のアプリ設定の続きです。
「無料診断アプリメーカー」ページで、次へを押したあと、開いたページで以
下の項目を記入してください。
アプリのアイコン画像：
アプリのアイコンに使われる画像です。
アプリメイン画像：
ユーザーがアプリにアクセスした際、いいね！していない場合のページで使わ
れるメインの画像です。
結果文章として投稿される内容：
診断結果の文章の前に共通して配置される文章です。
診断結果
診断結果は 1 個から 10 個設定することができます。
それぞれに結果タイトルとテキストと画像を設定してください。
以上を入力し終えたら、
「入力内容を確認」ボタンを押してください。
入力漏れがない場合は、
「入力内容確認画面」に移動します。
いままでに入力した内容が一覧できますので、入力ミスがないかチェックして
ください。
確認が終了しましたら、ページの一番最後にある「稼動」を押してください。
以上の作業で、アプリの作成は完了し公開されています。
無料診断アプリメーカーページのアプリ一覧から、アプリ URL をクリックして、
実際にアプリを試して確認してください。
第６章：質問形式アプリの設定
第 4 章のアプリ設定の続きです。
「無料診断アプリメーカー」ページで、次へを押したあと、開いたページで以
下の項目を記入してください。
質問形式のアプリは、アクセスしたユーザーに質問に答えてもらって、その回
答の点数によって診断結果を返すアプリです。誕生日形式にくらべて、質問と
回答テキストの用意と、点数設定が増えますので、設定は上級者向けになって
います。
アプリのアイコン画像：
アプリのアイコンに使われる画像です。
アプリメイン画像：
ユーザーがアプリにアクセスした際、いいね！していない場合のページで使わ
れるメインの画像です。
結果文章として投稿される内容：
診断結果の文章の前に共通して配置される文章です。
質問の文章を入力してください。
質問の回答を入力してください。
回答のポイントを入力してください。
質問：問１～５
質問は５問まで設定できます。
回答は質問に対して５つ選択肢を用意してください。
最初の問一のみ回答を５つ用意してください。
回答のポイントは１～５の間で設定してください。
回答振り分けポイントに０（ゼロ）は設定できません。
この診断結果を出すための回答ポイント
の合計の範囲を入力してください。
診断結果：
診断結果は 1 個から 10 個設定することができます。
それぞれに結果タイトルとテキストと画像を設定してください。
結果反映ポイントの設定は、質問の回答振り分けポイントの最小値と最大値の
間で設定してください。
この設定が正しく行われないと、診断結果が返されず、アプリが正しく動作し
ません。
以上を入力し終えたら、
「入力内容を確認」ボタンを押してください。
入力漏れがない場合は、
「入力内容確認画面」に移動します。
いままでに入力した内容が一覧できますので、入力ミスがないかチェックして
ください。
確認が終了しましたら、ページの一番最後にある「稼動」を押してください。
以上の作業で、アプリの作成は完了し公開されています。
無料診断アプリメーカーページのアプリ一覧から、アプリ URL をクリックして、
実際にアプリを試して確認してください。

Download Report