afbページ作成
1.ワードプレスAにログインをして左側の「投稿」の項目をクリックしてください。
![](https://step1110-new.com/wp-content/uploads/2022/05/A8①.png)
2.「新規追加」をクリックしてください。
![](https://step1110-new.com/wp-content/uploads/2022/05/A8②.png)
3.投稿画面が開きます。
こちらのタブはいったんそのままにしておいていただき、もう1つ新しいタブを追加してください。
![](https://step1110-new.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-22-14.14.03.png)
4.新しいタブでafbのサイトを開いてください。「afb」と検索していただくと出てきます。
※ブックマークに登録している場合は、そちらから開いていただいても大丈夫です。
![](https://step1110-new.com/wp-content/uploads/2022/06/A8-1024x510-1.png)
5.A8のサイトを開いたら、左上のメディア会員の箇所にIDとパスワードを入れてログインしてください。
![](https://step1110-new.com/wp-content/uploads/2022/06/wdqwdeqw.png)
6.ログインできましたら、上部の「広告・提携管理」にカーソルを合わせてください。
![](https://step1110-new.com/wp-content/uploads/2022/06/zasdsadsa.png)
7.「提携中」を選択してください。
作成リストの広告は予め提携申請を行って下さい。
提携手順は【STEP2 2・広告主との提携申請】をご確認お願い致します。
→afbの提携手順はこちら
![](https://step1110-new.com/wp-content/uploads/2022/06/Screen-Shot-2022-06-18-at-15.47.02.png)
8提携しているプログラムがたくさん出てくるので、作成するものを選びます。
今回は例として「ANAP(アナップ)」のプログラムを作成していきます。
作成するプログラムが決まったら、「プロモション詳細を見る」をクリックしてください。
![](https://step1110-new.com/wp-content/uploads/2022/06/sdsd.png)
9.「提携情報の表示」という画面が開くので、矢印①の「サイトを見る」のボタンをクリックしてください。
※このとき、矢印②の部分が「リスティングNG」になっている広告は作成できないため、もしリスティングNGと書かれている場合は別のプログラムを選び直してください。
![](https://step1110-new.com/wp-content/uploads/2022/06/screenshoteasy.png)
![](https://step1110-new.com/wp-content/uploads/2022/06/screenshoteasy-1.png)
10.これから作成していく広告の公式サイトが開きます。
このタブは後で利用するのでこのままにしておいていただき、afbのタブに戻ってください。
![](https://step1110-new.com/wp-content/uploads/2022/06/Screen-Shot-2022-06-18-at-16.09.38.png)
11.afbのタブに戻ったら広告のタイトルにあたる部分を確認します。
今回は「ANAP(アナップ)」がタイトルなのでこの部分をコピーしてください。
![](https://step1110-new.com/wp-content/uploads/2022/06/ewdew.png)
12.タイトルをコピーしたら、「新規投稿を追加」のタブをクリックしてワードプレスAの編集画面に戻ってください。
![](https://step1110-new.com/wp-content/uploads/2022/06/Screen-Shot-2022-06-18-at-16.16.12.png)
13.「タイトルを追加」の部分に先ほどコピーした「ANAP(アナップ)」を貼り付けてください。
![](https://step1110-new.com/wp-content/uploads/2023/09/投稿を編集-ANAP(アナップ)-‹-日常ブログ-—-WordPress-1024x464.png)
13. ① 作成リストの中から作成する広告の名前を入力します。
![](https://step1110-new.com/wp-content/uploads/2023/09/投稿を編集-ANAP(アナップ)-‹-日常ブログ-—-WordPress-1.png)
13 ② .右上の設定アイコンをクリックします。
「カテゴリー」
1つ目「通販など広告の内容の分類のカテゴリ」
2つ目「PR」と入力(※広告掲載をする為の必須事項)
※妥当なカテゴリがなければ「新規カテゴリーを追加」で追加できます。
「ディスカッション」のチェックを2個ともオフにします。
※ツールの関係でカテゴリが表示されない場合がございますが、こちらは気にしなくても問題ございません。
![](https://step1110-new.com/wp-content/uploads/2022/10/newpage4.png)
14. (13番)終わりましたら、再度afbのタブに戻ってください。
![](https://step1110-new.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-23-17.16.29.png)
15.次に編集画面のメモの項目を埋めていきます。
メモ欄には「成果報酬」「リスティング条件」「使用したASP名」の3つを記入していただきます。
「成果報酬」 と「リスティング条件」の部分をコピーしてください。
![](https://step1110-new.com/wp-content/uploads/2022/10/fdfdf.png)
16. ワードプレスAの編集画面に戻って先に「+Add page note」をクリックしてください。
![](https://step1110-new.com/wp-content/uploads/2022/10/screenshot-aff-support.net-2022.10.23-17_23_52.png)
17.コピーした物をこちらに貼り付けてください。
最後にASP名は「afb」を記入ください。
「➊使用したASP」
「❷リスティング条件」
「❸成果報酬」
![](https://step1110-new.com/wp-content/uploads/2022/10/screenshot-aff-support.net-2022.10.23-17_26_14.png)
18.右上の「A」アイコンをクリックします。
「高度な設定」をクリックします。
![](https://step1110-new.com/wp-content/uploads/2023/11/新規投稿を追加-‹-EX-ブログ-—-WordPress-3.png)
19.「モバイル用ヘッダーを無効にする」をオンにします。
右上の「×」でウィンドウを閉じます。
![](https://step1110-new.com/wp-content/uploads/2022/10/newpage9.png)
20.上部の「公開」をクリックします。以後は「更新」になります。
上部の「Elementorで編集」をクリックします。
![](https://step1110-new.com/wp-content/uploads/2022/10/erterhtruighrger.png)
21. 基本設定が完了したら作成画面に入ります。
画面中央の赤く囲われているアイコンをクリックして下さい。
![](https://step1110-new.com/wp-content/uploads/2022/10/新ページ作成①-1.png)
22. 画面上部の矢印をクリック
![](https://step1110-new.com/wp-content/uploads/2022/10/新ページ作成③.png)
23. ファイルを選択をクリックする前に下記のボタンをクリックしてファイルのダウンロードをお願い致します。
24. ファイルを選択をクリック
![](https://step1110-new.com/wp-content/uploads/2022/10/新ページ作成④.png)
25. (23)番の手順でダウンロードしたファイルを選択してアップロード
![](https://step1110-new.com/wp-content/uploads/2023/11/テンプレート1-1.png)
26. 緑の通知のメッセージをクリック
![](https://step1110-new.com/wp-content/uploads/2022/10/新ページ作成⑧.png)
27. 画面が切り替わったら「練習テンプレート①」の挿入をクリック
![](https://step1110-new.com/wp-content/uploads/2022/10/新ページ作成⑥.png)
28. テンプレートが表示されます。
![](https://step1110-new.com/wp-content/uploads/2022/10/新ページ作成⑨.png)
ここからテンプレート使ってページ作成を行います。
- 次は「バナーのURL」を入力していきます。afbのタブに戻っていただき、画面左上の「広告原稿一覧」をクリックしてください。
![](https://step1110-new.com/wp-content/uploads/2022/06/dfgdfgd.png)
2.「バナー原稿」をクリックし,検索してください。
![](https://step1110-new.com/wp-content/uploads/2022/10/dzvdv.png)
3. 下の方にスクロールすると、たくさんバナー(画像)が出てきます。
この中からどれか1つバナーを選んでいただきます。
バナーを選ぶ際のポイントは ①長方形であること ②広告主サイトと同じ画面に飛んでいるかどうか です。
4. まずは長方形のバナーを探してクリックしてみてください。
![](https://step1110-new.com/wp-content/uploads/2022/06/4564l.png)
5.バナーをクリックすると、新しいタブでサイトが開きます。
その隣には手順10番で確認した「広告主サイト」のタブが開いているかと思います。
2つのタブを行き来していただき、同じサイトに飛んでいるかどうかを確認してください。
![](https://step1110-new.com/wp-content/uploads/2022/06/Screen-Shot-2022-06-18-at-18.30.55.png)
6.同じサイトに飛んでいることが確認できましたら、afbのタブに戻っていただき、「広告原稿(リンクコード)取得」をクリックします。
クリックしましたら、バナーのURLをコピーします。
![](https://step1110-new.com/wp-content/uploads/2022/06/hrhrt.png)
7.コピーができましたら、elementorの編集画面に戻っていただき、一番下の【</>】の表示なっている所をクリックします。クリックしましたら左に表示されたHTMLコードの下のボックスにバナーのURLを貼り付けてください。
![](https://step1110-new.com/wp-content/uploads/2022/10/screenshot-aff-support.net-2022.10.22-16_26_06.png)
8. バナーのURLを貼り付けましたらこんな感じで表示されます。
![](https://step1110-new.com/wp-content/uploads/2022/10/screenshot-aff-support.net-2022.10.23-18_06_39.png)
9. アフィリエイトリンクの貼り付ける方法
*ここで覚えて頂きたいこと
アフィリエイトリンクは貼り付けしたバナーのURLの1行目、<a href=”の後ろのhttps://~最初の”までのリンクになります。以下の画像をみて頂ければわかると思います。こちらのアフィリエイトリンクは後でタイトル、画像やボタンに貼り付けます。
![](https://step1110-new.com/wp-content/uploads/2022/10/screenshot-aff-support.net-2022.10.23-18_08_11.png)
10. サイトタイトルを入力します。
「タイトル」はページタイトルと同様に広告名を設定します。
※タイトルの1番最初に【PR】を必ず記入してください。
「リンク」は 9番をみながらアフィリエイトリンクを設定します。
各ウィジェットは上部の「スタイル」「高度な設定」で色や配置を調整可能です。
![](https://step1110-new.com/wp-content/uploads/2023/09/Elementor-ANAP(アナップ)-1024x464.png)
11. 次に画像の切り取りを行っていきます。
「広告主サイト」のタブをクリックして、のサイトを開いてください。
![](https://step1110-new.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-23-18.14.50.png)
12.広告主サイトの画面が開きましたら、画面右上にある「N」のアイコンをクリックしてください。
この画面のキャプチャを行っていきます。
※注意※
画像切り取りをする際に利用するページは【バナーをクリックして表示されたページです】
出来れば最初にクリックした【広告主サイト】と同じサイトが必須としていますが、広告主サイトが表示されるバナーが存在しない時は、好きなバナーを選んで頂きバナークリック後に表示されたサイトを切り取りしてください。
![](https://step1110-new.com/wp-content/uploads/2022/06/Screen-Shot-2022-06-18-at-19.40.22.png)
13.「選択&スクロール」をクリックしてください。
![](https://step1110-new.com/wp-content/uploads/2022/06/Screen-Shot-2022-06-18-at-19.45.01.png)
14.マウスのカーソルが十字に変わるので、切り取り範囲を決めていきます。
サイトの一番上のロゴを含めて、画面の1.5倍程度の長さを切り取りしていきます。
画像の赤枠部分くらいの長さを目安に切り取り範囲を選択してください。
![](https://step1110-new.com/wp-content/uploads/2022/06/45235457-1.png)
15.切り取り範囲が決まったら、「保存」や「capture」をクリックしてください。
![](https://step1110-new.com/wp-content/uploads/2022/06/Screen-Shot-2022-06-18-at-19.53.58.png)
16.右上の「Done」をクリックしてください。
![](https://step1110-new.com/wp-content/uploads/2022/06/Screen-Shot-2022-06-18-at-19.58.18.png)
17.右上の「Download」をクリックしてください。
![](https://step1110-new.com/wp-content/uploads/2022/06/Screen-Shot-2022-06-18-at-19.59.42.png)
18.名前を付けて保存の画面が開きます。ダウンロードやデスクトップなどご自身が画像を管理しやすいフォルダを選択して、「保存」ボタンをクリックしてください。
![](https://step1110-new.com/wp-content/uploads/2022/05/A838.png)
19.次に切り取りした画像の設定を行っていきます。
elementorの編集画面に戻っていただき、画像の所クリックしてまた、左の画像の選択の下画像ボックスをクリックしてください。
![](https://step1110-new.com/wp-content/uploads/2022/10/rtuytutuytutyuytutyu.png)
20.画面左上の「ファイルをアップロード」を選択してください。
![](https://step1110-new.com/wp-content/uploads/2022/05/A840.png)
21.「ファイルを選択」をクリックしてください。
![](https://step1110-new.com/wp-content/uploads/2022/05/A841.png)
22.先ほど保存した画像を選択して、右下の「開く」をクリックしてください。
![](https://step1110-new.com/wp-content/uploads/2022/05/A842.png)
23.「アイキャッチ画像」を設定をクリックしてください。これで画像の設定は完了です。
![](https://step1110-new.com/wp-content/uploads/2022/10/95548.png)
24. 画像のアップロードしましたら
「画像サイズ」は「フル」を選択します。
「リンク」は「カスタムURL」を選択してアフィリエイトリンクを設定します。
切り取りが難しいサイトは、小さな画像を複数切り取って、画像ウィジェットを追加で配置します。
![](https://step1110-new.com/wp-content/uploads/2023/09/Elementor-ANAP(アナップ)-1-1024x464.png)
25. ウィジェット「ボタン」の設定を行います。
緑のボタンのところクリックし、左に表示される
リンクに9番で説明した通りアフィリエイトリンクを貼り付けます。
![](https://step1110-new.com/wp-content/uploads/2022/10/screenshot-aff-support.net-2022.10.23-18_40_31.png)
26. 次は説明文を埋めていきます。ボタンの下の『サイト紹介文を入力』をクリックします。
![](https://step1110-new.com/wp-content/uploads/2022/10/rtytrytr-1.png)
27. afbの「PR文」の項目にサイトの紹介文が記載されているため、こちらをコピーしてきてください。
ただ、PR文は広告を作成するアフィリエイター向けの文章も含まれているため、ターゲットユーザーや広告主からのメッセージなどはコピーしないようお願いします。
![](https://step1110-new.com/wp-content/uploads/2022/10/sccv.png)
※説明文にはいくつか使用することができない表現がございます。
詳細はSTEP2【3・広告作成時の注意点】に記載があるのですが、複雑な部分が多いため最初はPR文をコピーしていただき、作成を重ねるうちに慣れていっていただければと思います。作成していただいたページはサポートデスクで確認を行いますので、ご安心ください。
28. elementorの編集画面に戻って、「説明文」の項目に貼り付けてください。
ワードプレスに書き込むより、文章を作成してからコピーした方が作業しやすいようです。 ASP情報と広告主サイトを参照、ネットで検索するなどして、宣伝できる説明文を考えます。ご自身の言葉も加えられると、より広告効果が見込めます。ワードプレスは「Shift」+「Enter」で改行できます。
説明文を読みやすくするため太字にします。選択して「B」アイコンをクリックします。
![](https://step1110-new.com/wp-content/uploads/2022/10/screenshot-aff-support.net-2022.10.23-18_51_11.png)
29. アイキャッチ画像と説明文を見直します。
アイキャッチ画像の配置次第では、広告主サイトとページの外観がほぼ一致します。公式サイトの偽造・複製と判定される可能性があります。
広告主サイトを紹介するためのページである点を意識して作成をしていただくと審査落ちを回避することができます。
説明文はページからユーザに向けた視点で作成をすることを心がけてください。
ASP情報は広告の解説であるため、ユーザには適していない文言も多いです。また、広告主サイトの言葉を流用する時は、公式サイトを偽った説明文にならないように、文章に注意します。
30. 作成したページを保存します。
左メニュー下部にある目のアイコン「変更をプレビュー」をクリックします。新しいタブでプレビューが表示されますので、作業中は随時確認します。ページ作成後は「見出し」「アイキャッチ画像」「ボタン」「バナー」をクリックして、それぞれ広告主サイトと同じページが表示されるか確認します。
間違いがなければ「更新」ボタンをクリックして保存します。
![](https://step1110-new.com/wp-content/uploads/2022/10/screenshot-aff-support.net-2022.10.22-11_17_16-1.png)
(参考)サンプルページ応用その1
(参考)サンプルページ応用その2
(参考)サンプルページ応用その3
画像と文章を貼り付けただけのページより、ユーザに関心を持たせる工夫をした方が、広告効果が向上します。ウィジェットごとに「スタイル」「高度な設定」でデザインを調整できます。ウィジェットの配置も自由に組み立て可能です。レイアウトにもご配慮お願いします。