効率さん

もっと気楽に楽しく働くためのお役立ち情報をお届け

【超初心者向け】はてなブログにA8.netの広告を設置する方法3STEP

はじめに

今回はアフィリエイト最大手ではてなブログ初心者の方にもおすすめのASPA8.netの始め方&広告の貼り方を紹介します。

広告の挿入というのは⬇︎このように記事の中に広告を表示させることです。

  • 興味でブログをはじめてみたばかり
  • 収益化も興味はあるけど、何をどうしたらいいの?
  • アフィリエイト」という言葉は知ってるけど、自分でもできる?

という方に、はてなブログで書いた記事にA8.netの広告を貼るまで流れをざっくり3つの段階に分けて説明します。今まで広告なんて触ったことがない超初心者向けの操作方法になりますので、安心してご覧くださいね。

一緒に広告の貼り方を覚えましょう!

f:id:kurakosan:20210930225810p:plain

 

広告を貼る3STEP

STEP1:A8.netに登録する

まずはA8.netへの登録が必要ですので、登録方法をご説明していきます。

 

下記のURLからA8.netのサイトに飛ぶことができます。

https://www.a8.net/

 

TOPページのアフィリエイトをはじめてみる!をクリックします。

f:id:kurakosan:20211001220350p:plain

このような画面登録画面に進みます。

f:id:kurakosan:20210930222759p:plain

必要事項を入力し、登録を完了させます。

 

STEP2:広告リンクを作成する

A8.netに登録出来たら、さっそく自分のはてなブログに貼り付けたい広告を選んでいきます。

広告を選ぶ際には、自分のブログに訪れた方が興味を持ちそうなコンテンツを選ぶのがおすすめです。

 

TOP画面のプログラム検索から、お好みの項目を選んでください。

f:id:kurakosan:20210930223246p:plain

 

提携申請する

こんな感じでずらっと出てきますので、気になる広告の詳細を見るをクリックしてください。

f:id:kurakosan:20211001221041p:plain

 

報酬が入る条件的な説明書きがあります。一番下の提携申請するボタンをクリックしてください。

f:id:kurakosan:20211001221638p:plain

 

もしかしたら、ちょっと見え方が違う画面になるかも知れませんが、この提携するというボタンの場合もクリックしてください。

f:id:kurakosan:20210930223432p:plain

 

同じように最下部に提携申請するというボタンがあるので、クリックしてください。

f:id:kurakosan:20210930223535p:plain

承認されるまで待ちます。

 

承認されると、TOPページに表示されます。

f:id:kurakosan:20210930223648p:plain

承認プログラムにメッセージが届いていることが、TOPページで確認できます。

 

承認がおりたら広告を貼り付けるためのリンクが取得できます。このリンクの取得がA8.netでいう広告の作成です。

 

広告の作成

広告を作成するときには、TOPページの上のプログラム管理から、参加中プログラムをクリックしてください。

f:id:kurakosan:20210930223901p:plain

 

広告の形

素材タイプで広告の見た目を選びます。A8.netでは、3つのデザインから選択できます。

  • テキスト
  • バナー
  • メール

 

見え方はそれぞれこのようになっています。

  • テキスト

WordPressを使うならロリポップ!
簡単インストール完備で楽々スタート!

  • バナー

  • メール

 

個人的には、バナーが横長で読み手の邪魔になりにくいのでオススメです。広告の内容のそうですが、自分が読んでいて違和感の無い物をお好みで選んでいただければ良いと思います。

 

広告の見え方を選んだら、素材をコピーするをクリックしてください。

f:id:kurakosan:20210930224122p:plain

この枠内にギュッとされているたくさんの英語やら文字やらを、全てコピーします。

 

STEP3:記事に広告を貼る

いよいよ記事に広告を挿入します。

まずははてなブログの記事作成画面に入ってください。記事の編集画面上部の、HTML編集をクリックします。

f:id:kurakosan:20210930224520p:plain

 

文字がたくさん出てくるので、なんとなくここかなというところにコピーしたURLを貼ってみてください。

 

↑この広告はをHTMLの画面で見ると、下記のようになります。

f:id:kurakosan:20210930225124p:plain

(アラサーの私は、高校時代流行った”ホムペ”を思い出しました・・・)

 

編集見たまま画面でもプレビュー画面でも、広告が表示されていれば完了です。

 

まとめ

私自身、自分の備忘録を兼ねて、せっかくなら他の人にも役立てたい!というところからブログをはじめ、1ヶ月経過して広告の貼り方をようやく知ったのが最近です。

同じように「せっかくならちょっとくらい本格的なこともして見たいな〜」という方に、少しでもお役立ていただければ嬉しいです。