ad-flu手順書 201203更新
-
Upload
ito-daisuke -
Category
Documents
-
view
530 -
download
1
Transcript of ad-flu手順書 201203更新
ad-flu 手順書
Facebook 上の設定から ad-flu 操作まで完全解説
ad-flu
ad-flu と Facebook ページの仕組み
2
FB開発者ページ
タブの設定
FBページ
開発者ページ
手順 1-1.Facebook ページを作成
3
ここから作成します
※Facebook の最下部です
手順 1-2.Facebook ページの作成
4
手順に従ってページを作成します
手順 2.ad-flu のアカウント設定
5
ログイン https://ad-flu.com/adflu/user/loginよりログインして下さい。
手順 2-1. タブの作成
6
管理しているFBページの一覧が表示されますので、編集したい
ページを選択してください。
手順 2-2. タブ対応ページの作成
7
タブとタブに対応するページを作成します。各ページに複数ページを作成す
ることも可能です。
手順 3-1. アプリの作成
8
「開発」をクリック
「アプリ」をクリック
手順 3-2. アプリの作成
9
管理しているアプリの一覧が表示されます
「 +新しいアプリケーションを作成」をクリック
手順 3-3. アプリの作成
10
上段に日本語でタブ名を入力します。漢字、ひらがな、カタカナの入力可能です。下段にローマ字でタブ名を入力します。
半角で入力。ドットは使用できません。
手順 3-3. アプリの設定:アイコン
11
① アイコンを設定したいアプリをクリックします。
② 「設定を編集」をクリックします。
③ 小さいほうの画像をクリックして下さい。「アイコンを変更」をクリックしても同じことができます。※ ここではミニアイコンのみ変更できます。大きいアイコンはFB ページから編集します。
④16×16 ピクセルの画像をアップロードします。正方形の画像なら自動で大きさを合わせてくれます。
Facebook ページのタブ欄に表示される 16×16 ピクセルの小さなアイコンはここで設定します。
手順 3-4. アプリの設定: ad-flu 連携
12
「ウェブサイト」 と
「 Facebook 上のアプリ」 と
「ページタブ」 をクリック
手順 3-5. アプリの設定: ad-flu連携
13
手順 2-2 ad-flu で設定したタブに表示されているURL を入力します。(下枠内参照)キャンバスURLには「 http://~」を
セキュリティで保護されたキャンバスのURLには「 https://~」を入力して下さい。※ セキュリティで保護されたキャンバスURLにだけhttps: // ~「S」をつけます。
※手順 2-2 ad-flu画面
ad-fluで設定したタブのURL
ad-flu の URL を入力https://ad-flu.com/adflu/user/login
手順 3-6. アプリの設定
14
同じ要領で
「ページタブ名」に手順 2-2 ad-flu で設定した「タブ名」を入力します。
「 Page Tab URL 」に ad-flu で設定したタブに表示されているURL(Sなし)を入力します。
「 Secure Page Tab URL 」にad-flu で設定したタブに表示されているURL(Sあり)を入力します。
「 Page Tab Edit URL 」に ad-flu のログイン画面のURLを入力します。https://adflu.com/adflu/user/login
入力が完了したら「変更を保存」
手順 4-1.FB ページへの追加
15
以前は「アプリのプロフィールページを見る」というリンクからFBページへアプリを追加できましたが仕様変更によりリンクが削除されたため、以下の方法をおすすめ致します。
アドダイスのFBページに「ページタブ設定ツール」を設
けました。
デベロッパーページの App ID/ API Key とキャンバスページURL https://ad-flu.com/adflu/user/login を入力して下さい ⇒
送信
手順 4-2.FB ページへの追加
16
送 信手順 4-1 で を押すと自分が管理しているFBページの一覧が表示されます。タブを追加したいFBページを選択して下さい。
手順 5. 確認とタブ諸設定
17
完 成
ここにタブが追加されたことを確認して下さい。
大きいアイコンの変更はここから設定して下さい。
手順のまとめ
18
ad-flu FB開発者ページ FBページ
手順 1 作成手順 2 アカウント作成手順 2 タブ作成
手順 2 タブ対応ページ
手順 3 アプリ作成手順 3 アプリ設定:ミニアイコン設定
・・・必要なタブ数だけ、作成を繰り返す・・・
手順 3 アプリ設定 :ad-flu 連携
・・・必要なタブ数だけ、追加を繰り返す・・・
手順4 FB ページへ追加 手順5確認手順 5 タブの諸設定 :大きいアイコン設定
普段は ad-flu だけでお手軽に編集できます!