A8netページ作成

1.ワードプレスAにログインをして左側の「投稿」の項目をクリックしてください。

2.「新規追加」をクリックしてください。

3.投稿画面が開きます。
こちらのタブはいったんそのままにしておいていただき、もう1つ新しいタブを追加してください。

4.新しいタブでA8netのサイトを開いてください。「A8net」と検索していただくと出てきます。
※ブックマークに登録している場合は、そちらから開いていただいても大丈夫です。

5.A8のサイトを開いたら、左上のメディア会員の箇所にIDとパスワードを入れてログインしてください。

6.ログインできましたら、上部の「プログラム管理」にカーソルを合わせてください。

7.「参加中プログラム」を選択してください。
作成リストの広告は予め提携申請を行って下さい。
提携手順は【STEP2 2・広告主との提携申請】をご確認お願い致します。
A8netの提携手順はこちら

8.配布している作成リストのプログラムが出てくるので、作成するものを選びます。
今回は例として「SPIBELT スパイベルト」のプログラムを作成していきます。
作成するプログラムが決まったら、「プログラム詳細」をクリックしてください。

9.「提携情報の表示」という画面が開くので、矢印①の「広告主サイト」のボタンをクリックしてください。
※このとき、矢印②の部分が「リスティングNG」になっている広告は作成できないため、もしリスティングNGと書かれている場合は別のプログラムを選び直してください。

10.これから作成していく広告の公式サイトが開きます。
このタブは後で利用するのでこのままにしておいていただき、A8のタブに戻ってください。

11.A8のタブに戻ったら広告のタイトルにあたる部分を確認します。
今回は「SPIBELT スパイベルト」がタイトルなのでこの部分をコピーしてください。

12.タイトルをコピーしたら、「新規投稿を追加」のタブをクリックしてワードプレスの編集画面に戻ってください。

13.「タイトルを追加」の部分に先ほどコピーした「SPIBELT スパイベルト」を貼り付けてください。


13. ① 作成リストの中から作成する広告の名前を入力します。

13 ② .右上の設定アイコンをクリックします。
「カテゴリー」
1つ目「通販など広告の内容の分類のカテゴリ」
2つ目「PR」と入力(※広告掲載をする為の必須事項)
※妥当なカテゴリがなければ「新規カテゴリーを追加」で追加できます。
「ディスカッション」のチェックを2個ともオフにします。
※ツールの関係でカテゴリが表示されない場合がございますが、こちらは気にしなくても問題ございません。

14. (13番)終わりましたら、再度A8のタブに戻ってください。

15.次に編集画面のメモの項目を埋めていきます。
メモ欄には「成果報酬」「リスティング条件」「使用したASP名」の3つを記入していただきます。
A8netのタブに戻って「成果報酬」 と「リスティング条件」の部分をコピーしてください。

16. ワードプレスAの編集画面に戻って先に「+Add page note」をクリックしてください。

17.コピーした物をこちらに貼り付けてください。
最後にASP名は「A8net」を記入ください。
「➊使用したASP」
「❷リスティング条件」
「❸成果報酬」

18.右上の「A」アイコンをクリックします。
「高度な設定」をクリックします。

 
19.「モバイル用ヘッダーを無効にする」をオンにします。
右上の「×」でウィンドウを閉じます。

20.上部の「公開」をクリックします。以後は「更新」になります。
上部の「Elementorで編集」をクリックします。

 

21. 基本設定が完了したら作成画面に入ります。
画面中央の赤く囲われているアイコンをクリックして下さい。

22. 画面上部の矢印をクリック

23. ファイルを選択をクリックする前に下記のボタンをクリックしてファイルのダウンロードをお願い致します。

24. ファイルを選択をクリック

25. (23)番の手順でダウンロードしたファイルを選択してアップロード

26. 通知メッセージがでてきます。

27. 【Do not show this message again】に✅をし次へをクリック

28. 通知メッセージの緑色の【Enable and Import】をクリック

29. 画面が切り替わったら「練習テンプレート①」の挿入をクリック

30. テンプレートが表示されます。


ここからテンプレートを使ってページ作成を行います。

1.次は「バナーのURL」を入力していきます。
A8netのタブに戻っていただき、画面左上の「広告リンク作成」をクリックしてください。

2.「広告タイプ」を「バナー」に変更し,「広告リンクを表示」をクリックしてください。

3.下の方にスクロールすると、たくさんバナー(画像)が出てきます。
この中からどれか1つバナーを選んでいただきます。

バナーを選ぶ際のポイントは ①長方形であること ②広告主サイトと同じ画面に飛んでいるかどうか です。

4.まずは長方形のバナーを探してクリックしてみてください。

5.バナーをクリックすると、新しいタブでサイトが開きます。
その隣には手順10番で確認した「広告主サイト」のタブが開いているかと思います。
2つのタブを行き来していただき、同じサイトに飛んでいるかどうかを確認してください。

6.同じサイトに飛んでいることが確認できましたら、A8netのタブに戻っていただき、バナーのURLをコピーします。
「素材をコピーする」というボタンをクリックするとコピーすることができます。

7.コピーができましたら、elementorの編集画面に戻っていただき、一番下の【</>】の表示になっている所をクリックします。クリックしましたら左に表示されたHTMLコードの下のボックスにバナーのURLを貼り付けてください。

8. バナーのURLを貼り付けましたらこんな感じで表示されます。

9. アフィリエイトリンクを貼り付ける方法

ここで覚えて頂きたいこと
アフィリエイトリンクは貼り付けしたバナーのURLの1行目、<a href=”の後ろのhttps://~最初の”までのリンクになります。以下の画像をみて頂ければわかると思います。こちらのアフィリエイトリンクは後でタイトル、画像やボタンに貼り付けます。

“” の間の部分だけ必要ですので(””)が入りません。


10. サイトタイトルを入力します。
「タイトル」はページタイトルと同様に広告名を設定します。
※タイトル名の1番最初に必ず【PR】と入力してください。
「リンク」は 9番をみながらアフィリエイトリンクを設定します。
各ウィジェットは上部の「スタイル」「高度な設定」で色や配置を調整可能です。

11. 次に画像の切り取りを行っていきます。
「広告主サイト」のタブをクリックして、SPIBELTのサイトを開いてください。

12.広告主サイトの画面が開きましたら、画面右上にあるカメラのアイコンをクリックしてください。
この画面のキャプチャを行っていきます。
※注意※
画像切り取りをする際に利用するページは【バナーをクリックして表示されたページです】
出来れば最初にクリックした【広告主サイト】と同じサイトが必須としていますが、広告主サイトが表示されるバナーが存在しない時は、好きなバナーを選んで頂きバナークリック後に表示されたサイトを切り取りしてください。

13.「選択範囲」をクリックしてください。

14.マウスのカーソルが十字に変わるので、切り取り範囲を決めていきます。
サイトの一番上のロゴを含めて、画面の1.5倍程度の長さを切り取りしていきます。
画像の赤枠部分くらいの長さを目安に切り取り範囲を選択してください。

15.切り取り範囲が決まったら、「保存」をクリックしてください。

16.右上の「Done」をクリックしてください。

17.右上の「Download」をクリックしてください。

18.名前を付けて保存の画面が開きます。ダウンロードやデスクトップなどご自身が画像を管理しやすいフォルダを選択して、「保存」ボタンをクリックしてください。

19.次に切り取りした画像の設定を行っていきます。
elementorの編集画面に戻っていただき、画像の所クリックしてまた、左の画像の選択の下画像ボックスをクリックしてください。

20.画面左上の「ファイルをアップロード」を選択してください。

21.「ファイルを選択」をクリックしてください。

22.先ほど保存した画像を選択して、右下の「開く」をクリックしてください。

23.「メディア挿入」をクリックしてください。これで画像の設定は完了です。

24. 画像のアップロードしましたら
「画像サイズ」は「フル」を選択します。
「リンク」は「カスタムURL」を選択してアフィリエイトリンクを設定します。
切り取りが難しいサイトは、小さな画像を複数切り取って、画像ウィジェットを追加で配置します。

25. ウィジェット「ボタン」の設定を行います。

緑のボタンのところクリックし、左に表示される
リンクに9番で説明した通りアフィリエイトリンクを貼り付けます。

26. 次は説明文を埋めていきます。ボタンの下の『サイト紹介文を入力』をクリックします。

27. A8netのタブに戻り、A8net「PR文」の項目にサイトの紹介文が記載されているため、こちらをコピーしてきてください。
ただ、PR文は広告を作成するアフィリエイター向けの文章も含まれているため、ターゲットユーザーや広告主からのメッセージなどはコピーしないようお願いします。

28.ここまでの作業が終了したら説明文の設定をしていただきます。

説明文にはいくつか使用することができない表現がございます。
詳細はSTEP2【3・広告作成時の注意点】に記載があるのですが、複雑な部分が多いため最初はPR文をコピーしていただき、作成を重ねるうちに慣れていっていただければと思います。作成していただいたページはサポートデスクで確認を行いますので、ご安心ください。

29. elementorの編集画面に戻って、「説明文」の項目に貼り付けてください。
ワードプレスに書き込むより、文章を作成してからコピーした方が作業進めやすいようです。

ASP情報と広告主サイトを参照、ネットで検索するなどして、宣伝できる説明文を入力します。
最初はASPサイトのPR文を一部添削してご自身の言葉も加えてみると、より広告効果が見込めますので、少しずつ操作を覚えて慣れるところから始めて頂けると幸いです。

★説明文の改行について★
ワードプレスは「Shift」+「Enter」で改行できます。
説明文を読みやすくするため太字にします。選択して「B」アイコンをクリックします。

30、バナー画像の下には必ず【※当ページはリンク先から情報を引用しています※】と記載をしてください。


最後に

ここまでの作業が終了した後はアイキャッチ画像と説明文を見直します。
アイキャッチ画像の配置次第では、広告主サイトとページの外観がほぼ一致します。一致しているサイトの場合はGoogle広告の審査が入った際に、公式サイトの偽造・複製と判定される可能性があります。

今回作成しているページは広告主サイトを紹介するためのページである点を意識して作成をしていただくと審査落ちを回避することができます。

説明文はページからユーザに向けた視点で作成をすることを心がけてください。
ASP情報は広告の解説であるため、ユーザには適していない文言も多いです。また、広告主サイトの言葉を流用する時は、公式サイトを偽った説明文にならないように、文章に注意します。

31. 作成したページを保存します。
左メニュー下部にある目のアイコン「変更をプレビュー」をクリックします。新しいタブでプレビューが表示されますので、作業中は随時確認します。ページ作成後は「見出し」「アイキャッチ画像」「ボタン」「バナー」をクリックして、それぞれ広告主サイトと同じページが表示されるか確認します。
間違いがなければ「更新」ボタンをクリックして保存します。

(参考)サンプルページ応用その1
(参考)サンプルページ応用その2
(参考)サンプルページ応用その3

画像と文章を貼り付けただけのページより、ユーザに関心を持たせる工夫をした方が、広告効果が向上します。ウィジェットごとに「スタイル」「高度な設定」でデザインを調整できます。ウィジェットの配置も自由に組み立て可能です。レイアウトにもご配慮お願いします。