引き算アフィリ ASP 登録用の日記サイトを作成しよう Copyright 株式会社アリウープ, All Rights Reserved. 1

(1)

1

引き算アフィリ

ＡＳＰ登録用の日記サイトを

作成しよう

(2)

■ＡＳＰ登録用の日記サイトを作成しよう ... 3 ■日記サイト作成時のポイント ... 4 （１）子ページを５ページ分作成する。 ... 5 （２）１記事当たり６００文字以上書く。 ... 6 （３）アップロードする場所はドメインのトップが理想。 ... 7 ■日記サイトを作成しよう ... 8 ●日記サイト用テンプレートをダウンロードする ... 8 ●子ページを編集する ... 11 ●トップページを編集する ... 31 ●サーバーにアップロードする ... 44 ●日記サイトを確認する ... 50 ●日記サイトのＵＲＬをメモしておこう ... 53

(3)

■ＡＳＰ登録用の日記サイトを作成しよう

ＡＳＰに登録するためには、前もってサイトを作成する必要があります。サイトと言っても簡単な日記を書いたサイトを作成して頂きます。イメージしやすいように、実際に僕が作成した日記サイトを紹介しますね。 ▼日記サイト例 http://afi-lab.com/case/k1-015/nikki/index.html ※のちほど、この日記サイトを作成するためのテンプレートもお配りします。

(4)

■日記サイト作成時のポイント

日記サイトを作成するときのポイントが３つあります。（１）子ページを５ページ分作成する。（２）１記事当たり６００文字以上書く。（３）アップロードする場所はドメインのトップが理想。 ※他の場所でも問題はない。それでは、１つずつ説明していきますね。

(5)

（１）子ページを５ページ分作成する。

サンプルサイトを確認すると分かる通り、日記サイトは「トップページ」と「子ページ」から構成されています。「トップページ」から「子ページ」へのリンクが貼られており、「子ページ」に日記記事を書きます。この「子ページ」を５ページ分作成してください。つまり、日記記事を５つ書くということですね。＜トップページ＞＜子ページ＞日記記事

(6)

（２）１記事当たり６００文字以上書く。

そして、子ページ１記事当たり６００文字以上の日記を書いてください。記事の文字数のチェックは、以下のサイトが便利です。 ▼文字数カウント http://www1.odn.ne.jp/megukuma/count.htm ６００文字以上

(7)

（３）アップロードする場所はドメインのトップが理想。

日記サイトをアップロードする場所は、独自ドメインのトップ階層が理想です。そうすることで、今後作成していくＰＰＣ用のサイト達が、この日記サイトの子ページのように見えるからです。 ※ただ、その他の階層だからといって、審査に落ちることはないと思います。 ※先ほどご覧頂いた日記サイト例は、あくまでもイメージということでトップ階層以外の場所にアップロードしています。

(8)

■日記サイトを作成しよう

それでは、実際に日記サイトの作成方法を説明していきますね。

●日記サイト用テンプレートをダウンロードする

【１】以下のＵＲＬから日記サイト用のテンプレートをダウンロードしてください。 ▼日記サイト用テンプレート http://afi-lab.com/case/k1-015/nikki-temp.zip 【２】「nikki-temp.zip」というファイルがダウンロードされます。【３】 zip ファイルなので解凍ソフトで解凍しましょう。 ① 「nikki-temp.zip」を左クリックします。 ② 左クリックしたまま解凍ソフトの上まで移動させます。 ③ 左クリックを離します。 ※解凍ソフトを使わないと不具合の原因になります。必ず解凍ソフトを使って解凍してください。 ※解凍ソフトをお持ちでない場合は下記のページよりダウンロードしましょう ▼Lhaplus http://www.forest.impress.co.jp/library/software/lhaplus/ ③ ② ①

(9)

Copyright 株式会社アリウープ, All Rights Reserved. 9 【４】解凍できましたら、「日記サイトテンプレート」というファイルが表示されます。【５】そして、そのフォルダ内に、「日記サイト[サンプル]」と「日記サイト[テンプレート]」というフォルダが入っています。 ※「日記サイト[サンプル]」には、僕が作成した日記サイトが入っていますので、参考にしてください。 ※ただ、そのまま使うのだけはやめてくださいね。

(10)

(11)

●子ページを編集する

まず、子ページを編集します。【８】「001.html」を TeraPad で開きます。 ① 「001.html」を左クリックします。 ② 左クリックしたまま TeraPad の上まで移動させます。 ③ 左クリックを離します。 ③ ① ②

(12)

12

【９】

「001.html」を TeraPad で開くとこのような画面が表示されます。 ★～★の部分を編集することで子ページが完成します。

(13)

Copyright 株式会社アリウープ, All Rights Reserved. 13 【１０】「001.html」を編集する前に現在どのように表示されるのか確認してみましょう。「001.html」を Google Chrome で開きます。 ① 「001.html」を左クリックします。 ② 左クリックしたまま Google Chrome の上まで移動させます。 ③ 左クリックを離します。【１１】するとこのようなページが表示されます。それでは実際に「001.html」を編集していきます。 ③ ① ②

(14)

(15)

Copyright 株式会社アリウープ, All Rights Reserved. 15 ① 「★サイトタイトル★」部分を選択します。 ② [BackSpace]キーを押し「★サイトタイトル★」を消します。 ※前後のタグを消さないように注意すること。 ③ 「<title>」と「</title>」の間にサイト名を入力します。 ※サイト名は適当で大丈夫です。 ④ 保存ボタンをクリックします。 ⑤ GoogleChrome に戻りブラウザのボタンまたは[F5]キーを押して更新してください。

(16)

16 ＜編集後＞

(17)

(18)

Copyright 株式会社アリウープ, All Rights Reserved. 18 ① 「★サイトタイトル★」部分を選択します。 ② [BackSpace]キーを押し「★サイトタイトル★」を消します。 ※前後のタグを消さないように注意すること。 ③ 「_blank”>」と「</a>」の間にサイト名を入力します。 ④ 保存ボタンをクリックします。 ⑤ Google Chrome に戻りブラウザのボタンまたは[F5]キーを押して更新してください。

(19)

19 ＜編集後＞

(20)

(21)

Copyright 株式会社アリウープ, All Rights Reserved. 21 ① 「★ページ１タイトル★」部分を選択します。 ② [BackSpace]キーを押し「★ページ１タイトル★」を消します。 ※前後のタグを消さないように注意すること。 ③ 「<h1>」と「</h1>」の間にサイト名を入力します。 ④ 保存ボタンをクリックします。 ⑤ Google Chrome に戻りブラウザのボタンまたは[F5]キーを押して更新してください。

(22)

22 ＜編集後＞

(23)

(24)

24

① 「★文章（６００文字以上）★」部分を選択します。

(25)

25

③ 「」と「」の間に文章を入力します。

(26)

Copyright 株式会社アリウープ, All Rights Reserved. 26 ④ 保存ボタンをクリックします。 ⑤ Google Chrome に戻りブラウザのボタンまたは[F5]キーを押して更新してください。 ⑥ 一度、サイトを確認してみましょう。確認してみると、改行が反映されていませんね…。ＨＴＭＬで改行するためには、改行を表す記号が必要なんですね。改行の記号を付けることではじめて改行されます。

(27)

(28)

Copyright 株式会社アリウープ, All Rights Reserved. 28 ⑦ それでは、文章に<br>を付けて改行させましょう。「0001.html」に戻り、説明文の文末に<br>を付けます。ちなみに・・・以下のようなサイトを使うと一括で <br>タグを付けてくれます。 ▼HTML や Wiki の改行タグ自動挿入機 http://www.cost-simulator.com/eco/etc/enter.html

(29)

29

⑧ 保存ボタンをクリックします。

⑨ Google Chrome に戻りブラウザのボタンまたは[F5]キーを押して更新してください。

(30)

(31)

●トップページを編集する

次に、トップページを編集します。【１７】「index.html」を TeraPad で開きます。 ① 「index.html」を左クリックします。 ② 左クリックしたまま TeraPad の上まで移動させます。 ③ 左クリックを離します。 ③ ① ②

(32)

32

【１８】

「index.html」を TeraPad で開くと、このような画面が表示されます。 ★～★の部分を編集することで子ページが完成します。

(33)

Copyright 株式会社アリウープ, All Rights Reserved. 33 【１９】「index.html」を編集する前に現在どのように表示されるのか確認してみましょう。「index.html」を GoogleChrome で開きます。 ① 「index.html」を左クリックします。 ② 左クリックしたまま GoogleChrome の上まで移動させます。 ③ 左クリックを離します。【２０】すると、このようなページが表示されます。 ③ ① ②

(34)

(35)

Copyright 株式会社アリウープ, All Rights Reserved. 35 ① 「★サイトタイトル★」部分を選択します。 ② [BackSpace]キーを押し「★サイトタイトル★」を消します。 ※前後のタグを消さないように注意すること。 ③ 「<title>」と「</title>」の間にサイト名を入力します。 ④ 保存ボタンをクリックします。 ⑤ GoogleChrome に戻りブラウザのボタンまたは[F5]キーを押して更新してください。

(36)

36 ＜編集後＞

(37)

(38)

Copyright 株式会社アリウープ, All Rights Reserved. 38 ① 「★サイトタイトル★」部分を選択します。 ② [BackSpace]キーを押し「★サイトタイトル★」を消します。 ※前後のタグを消さないように注意すること。 ③ 「<h1>」と「</h1>」の間にサイト名を入力します。 ④ 保存ボタンをクリックします。 ⑤ GoogleChrome に戻りブラウザのボタンまたは[F5]キーを押して更新してください。＜編集後＞このようにサイトタイトルが編集されていればＯＫです。

(39)

(40)

Copyright 株式会社アリウープ, All Rights Reserved. 40 ① 「★サイトタイトル★」部分を選択します。 ② [BackSpace]キーを押し「★サイトタイトル★」を消します。 ※前後のタグを消さないように注意すること。 ③ 「2016」と「All」の間にサイト名を入力します。 ④ 保存ボタンをクリックします。 ⑤ GoogleChrome に戻りブラウザのボタンまたは[F5]キーを押して更新してください。＜編集後＞このようにサイトタイトルが編集されていればＯＫです。

(41)

(42)

Copyright 株式会社アリウープ, All Rights Reserved. 42 ① 「★ページ１タイトル★」部分を選択します。 ② [BackSpace]キーを押し「★ページ１タイトル★」を消します。 ※前後のタグを消さないように注意すること。 ③ 「_blank">」と「</a>」の間に「ページ１のタイトル」を入力します。 ④ 保存ボタンをクリックします。 ⑤ GoogleChrome に戻りブラウザのボタンまたは[F5]キーを押して更新してください。＜編集後＞このようにページ１のタイトルが編集されていればＯＫです。

(43)

(44)

●サーバーにアップロードする

日記サイトができましたら、サーバーにアップロードしましょう。【１】デスクトップにある FileZilla のアイコンをダブルクリックして FileZilla を起動させましょう。【２】左上にあるボタンをクリックします。

(45)

(46)

(47)

47

【７】

次に FileZilla と日記サイトフォルダの両方が見えるように配置します。

(48)

48

【８】

「img フォルダ」「index.html」「001.html」～「005.html」「style.css」を選択状態にします。

① 日記サイトフォルダ内のどこでもいいので右クリックする。

(49)

Copyright 株式会社アリウープ, All Rights Reserved. 49 【９】 ① 選択状態の「img フォルダ」「index.html」「001.html」～「005.html」「style.css」を左クリックします。 ② 左クリックしたまま FileZilla の右下枠の中まで移動させます。 ③ 左クリックしている人差し指を離します。これでアップロードが完了しましたので、日記サイトをインターネット上で見ることができます。 ① ② ③

(50)

●日記サイトを確認する

アップロードできましたので、正常にアップロードできているか確認しましょう。【２６】 ① まず、「index.html」の上で右クリックします。 ② 次に、「URL をクリップボードにコピー(O)」を左クリックします。これで、「index.html」の URL をコピーすることができました。 ① ②

(51)

(52)

52

【３０】

正常にＵＲＬが入力できましたら、下記のようなページが表示されます。

(53)

●日記サイトのＵＲＬをメモしておこう

日記サイトのＵＲＬは、ＡＳＰに登録するときに必要になってきます。ですので、ここで日記サイトのＵＲＬをメモしておくととても便利です。【１０】まず、日記サイトのＵＲＬをコピーします。 ① ＵＲＬを選択します。 ② 選択したＵＲＬの上で右クリックします。 ③ 「コピー(C)」を左クリックします。これで日記サイトのＵＲＬをコピーすることができました。 ① ② ③

(54)

(55)

(56)

Copyright 株式会社アリウープ, All Rights Reserved. 56 【１５】これで、デスクトップに保存されました。あとは以下のマニュアルを参考に、各ＡＳＰに登録しましょう。 ⇒ Ｋ１－０１６：AffiliateB の登録方法.pdf ⇒ Ｋ１－０１７：A8.net の登録方法.pdf ⇒ Ｋ１－０１８：ValueCommerce の登録方法.pdf ⇒ Ｋ１－０１９：Link-A の登録方法.pdf ⇒ Ｋ１－０２０：レントラックスの登録方法.pdf

引き算アフィリ ASP 登録用の日記サイトを 作成しよう Copyright 株式会社アリウープ, All Rights Reserved. 1