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

管理しているＦＢページの一覧が表示されますので、編集したい

ページを選択してください。

手順 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 で設定したタブに表示されているＵＲＬ を入力します。（下枠内参照）キャンバスＵＲＬには「 http://～」を

セキュリティで保護されたキャンバスのＵＲＬには「 https://～」を入力して下さい。※ セキュリティで保護されたキャンバスＵＲＬにだけｈｔｔｐｓ： // ～「Ｓ」をつけます。

※手順 2-2 ad-flu画面

ad-fluで設定したタブのＵＲＬ

ad-flu の URL を入力https://ad-flu.com/adflu/user/login

手順 3-6. アプリの設定

14

同じ要領で

「ページタブ名」に手順 2-2 ad-flu で設定した「タブ名」を入力します。

「 Page Tab URL 」に ad-flu で設定したタブに表示されているＵＲＬ（Ｓなし）を入力します。

「 Secure Page Tab URL 」にad-flu で設定したタブに表示されているＵＲＬ（Ｓあり）を入力します。

「 Page Tab Edit URL 」に ad-flu のログイン画面のＵＲＬを入力します。https://adflu.com/adflu/user/login

入力が完了したら「変更を保存」

手順 4-1.FB ページへの追加

15

以前は「アプリのプロフィールページを見る」というリンクからＦＢページへアプリを追加できましたが仕様変更によりリンクが削除されたため、以下の方法をおすすめ致します。

アドダイスのＦＢページに「ページタブ設定ツール」を設

けました。

デベロッパーページの App ID/ API Key とキャンバスページＵＲＬ https://ad-flu.com/adflu/user/login を入力して下さい　⇒　

送信

手順 4-2.FB ページへの追加

16

送　信手順 4-1 で　　　　　　　　を押すと自分が管理しているＦＢページの一覧が表示されます。タブを追加したいＦＢページを選択して下さい。

手順 5. 確認とタブ諸設定

17

完　成

ここにタブが追加されたことを確認して下さい。

大きいアイコンの変更はここから設定して下さい。

手順のまとめ

18

ad-flu FB開発者ページ FBページ

手順 1 作成手順 2 アカウント作成手順 2 タブ作成

手順 2 ﾀﾌﾞ対応ﾍﾟｰｼﾞ

手順 3 アプリ作成手順 3 アプリ設定：ﾐﾆｱｲｺﾝ設定

・・・必要なタブ数だけ、作成を繰り返す・・・

手順 3 アプリ設定 :ad-flu 連携

・・・必要なタブ数だけ、追加を繰り返す・・・

手順４ FB ﾍﾟｰｼﾞへ追加 手順５確認手順 5 タブの諸設定 :大きいｱｲｺﾝ設定

普段は ad-flu だけでお手軽に編集できます！