こんにちわ。

元SEOコンサルタントであり、現在web集客のコンサル企業で働きながら副業でアフィリエイターをしている秋田 健です。

 

アフィ子アフィ子

アフィンガー5で商品ランキングの作成ってどうやるの?

アフィ男アフィ男

なんか「ランキング管理」ってのはあるんだけど、どうすれば良いかわからないよね。

秋田 健秋田 健

ではしっかりと作成出来るように図を用いながら説明していきますね!!

 

とても簡単に商品ランキングを作成する事が出来ますし、しっかりと記事に落とし込む所まで解説していきますのでご安心ください!!

 

なお、AFFINGER5(WING)をWordPressのテーマとして設定している事が前提となりますので、ご注意ください。

まだAFFINGER5を持っていない方向けの記事はこちら!!

 

では早速、AFFINGER5でのランキング作成手順から進めていきましょう!!

 

※あきけん(@akitaken0530

 

AFFINGER5のランキング作成前の準備

さて、まずはランキングを作っていくには事前準備が必要です。

 

事前に準備しておくこと1.ASPの登録

2.バナーor画像

3.商品リンク(アフィリエイトリンク)

ランキングは商品を順位付けしてユーザーに訴えるので当然の事ではあります。

 

それぞれについて少し触れておきましょう!!

1.ASPの登録

ASPの登録に関して言えば、「A8.net」や「バリューコマース」に登録されている方も多いと思います。実際案件数も多く、非常に有名なASPです!

 

その他にもたくさんあるので、ASPは複数登録しておくことで商品の幅を広げることが出来ますし、同じ商品でも「単価」が異なるので、高い単価を選ぶのがベストです!!

 

詳しくは以下のページを参考にしてみてください!

 

2.バナーor画像

まずバナーというのは画像にリンクが埋め込まれているものですね!!

例を出してみると、以下の通りです。



これはレンタルサーバー「mixhost」のバナーです。 ASPにはだいたいバナーが用意されているので、これらを利用する事でOKです。

 

しかし、たまにバナーが存在しない場合があります。

そんな時は、自分で関連画像を見つけるか、あるいは自分で画像を作成するしかありません。

例えば私がAFFINGER5を紹介するために作った画像が以下の通りです。

 

AFFINGER5のランキング作成前の準備

実際にクリックして頂くとわかりますが、バナーとしての役割を十分に果たしています。

大した技術は必要ないので、自作してしまうというのも一つの手段です!!

3.商品リンク(アフィリエイトリンク)

こちらは特に説明する必要はないかもしれませんが、普段商品を紹介する際に利用するアフィリエイトリンクです!

↓こんな感じのやつですね↓

AFFINGER5のランキング作成前の準備

ここまで準備出来ていれば、あとは簡単にランキングを作成する事が出来ますので、次項で説明していきます!!

 

AFFINGER5のランキング作成手順

AFFINGER5のランキング作成手順

では実際にAFFINGER5でランキングを作成していきましょう!!

以下の手順に沿って順に説明していきます。

 

手順①ランキング管理画面を開く
手順②各項目a~eの入力

とても簡単なので、ご安心ください!

手順①ランキング管理画面を開く

AFFINGER5をテーマとして設定した状態であれば、WordPressの管理画面の左側の下の方に「ランキング管理」という項目があると思います。

 

AFFINGER5のランキング作成手順

「①ランキング管理」>「②ランキング1位」をクリックしてください。

 

AFFINGER5のランキング作成手順

 

それぞれa~eの項目を入力していくことで、上図のような画面ランキング表を作成する事が出来ます。

どのように入力していけば良いか詳しく説明します。

手順②各項目a~eの入力

AFFINGER5のランキング作成手順

では実際に一緒にランキングを作成してみましょう!!

私はレンタルサーバーも紹介しているので、先ほどバナーの例で挙げた「MixHost」で作っていきます。

a)タイトルの設定

AFFINGER5のランキング作成手順

タイトルは任意で入力してください!

またスター(★★★★★)も任意で設定出来ます!必要ない場合は「非表示」にしてください。

 

「絶対にこれがおすすめ!」みたいな文言は「怪しい」と思われるので、商品名はシンプルに!

b)アフィリエイトコード(バナー)

AFFINGER5のランキング作成手順

紹介したい商品のバナーがASPにあればコピペだけでOKです!!

 

ちなみに以下は「A8.net」でのバナー取得画面です。

AFFINGER5のランキング作成手順

 

なるべくバナーサイズは「300×250」程度がおすすめです!

赤枠内<a href=以下>を全てコピーしてペーストしてください!

 

もし紹介したい商品のバナーがない場合は、自分で画像を用意する必要があります。

まずは画像をWordPressにアップロードしてください。

AFFINGER5のランキング作成手順

上図の赤枠内が画像のURLになるので、コピーしてください。

 

あとは独自にコードを作成します。

以下が元のコードになりますので、それぞれ埋めていきます。

 

元のコード<a href=”①商品のリンク“><img src=”②画像のURL“></a>

 

①商品のリンクですが、コピーする場所がわからないと思います。コピーするのは以下の部分になります。

AFFINGER5のランキング作成手順

“https~nofollow”までをコピーしてください。

 

②画像のURL先ほどコピーした画像URLを入力してください。

 

完成イメージ<a href=”https~nofollow“><img src=”https://~jpg“></a>

 

アフィ子アフィ子

バナーがなくて焦ったけど、簡単に自分でコードを作ることが出来てよかった~

アフィ男アフィ男

そうだね!でもバナーがある方がやっぱり楽でありがたいな!

秋田 健秋田 健

バナーがある場合、ない場合があるので今後のためにもどちらでも対応できるようにしておきましょう!!

c)説明文の設定

AFFINGER5のランキング作成手順

紹介したい商品の説明文を入力していきます。

なるべく商品の特徴を簡潔にまとめ、「宣伝感」がでないように注意してくださいね!!

d)詳細ページへのリンクURLの設定

AFFINGER5のランキング作成手順

ここを設定しておくと、「詳細ページへ」「公式サイトへ」という様に2つのボタンを設置する事が出来ます。

設定しなければボタンは1つで表示されるようになります。

 

例えば当サイトの場合、「MixHost」の特徴などをまとめたページを作っているので、そちらを設定する事が出来ます。出来ることならユーザーに対して親切になりますし、サイト内の回遊率を上げる(離脱率を下げる)ことが出来るので、なるべく設定するようにしてください!!

 

記事のURLを入力すればそれでOKです!

 

nofollowは任意ですが、詳細ページの場合あまり意味がないので☑チェックする必要はありません。

e)アフィリエイトコード(テキスト)の設定

AFFINGER5のランキング作成手順

ASPにはバナーはない場合がありますが、テキストは必ずあります。

A8.net」の場合には下図の様に表示されます。

AFFINGER5のランキング作成手順

<a href=以下>を全てコピーし、ペーストしてください。

何かテキストを変えたい場合には「自由テキスト」を選択すればOKです。

 

ここまで出来ましたら、最後は「保存」をクリックしてください。

例)ランキング完成イメージ

AFFINGER5のランキング作成手順

ランキング作成の手順に沿って進めていくと、完成イメージは上図のようになります。

当ページではランキング1位しか作成していませんが、2~3位も全く同じ要領で作ることが出来ますよ!!

 

AFFINGER5でランキングを記事で使う方法(Gutenberg対応)

AFFINGER5でランキングを記事で使う方法(Gutenberg対応)

WordPressは最近Gutenberg(ブロック式)へと変更されました。今後はGutenbergが主になっていきますので、予めこちらで説明しておきます!

最初は慣れませんが、慣れると本当に使いやすいと個人的には思っています。

 

さて、大前提として先ほど作ったランキング1~3位(当ページでは1位のみ)は、既にタグが設定されています。

 

  • ランキング1位:[rank1]
  • ランキング2位:[rank2]
  • ランキング3位:[rank3]

 

これらのタグを利用する事で、簡単に記事内に作成したランキングを呼び出すことが出来ます。

実際に使ってみましょう!

 

AFFINGER5でランキングを記事で使う方法(Gutenberg対応)

 

投稿画面に進んだら「⊕」>「ショートコード」をクリックしてください。

 

AFFINGER5でランキングを記事で使う方法(Gutenberg対応)

例えば、ランキング1位を表示させたい場合には[rank1]と入力します。

 

これだけでOKです!実際にプレビューで確認してみてください。

先ほど作ったランキングが表示されるようになっていると思いますよ!!

 

ランキング2位~3位も同様にすれば簡単に表示させることが出来ますので、状況に応じて使ってみてください!

 

AFFINGER5のランキングを複数作るには

AFFINGER5のランキングを複数作るには

アフィ子アフィ子

そういえば、ランキングって3位以降は作れないの?

アフィ男アフィ男

それ思った!どうやったら作れるの?

秋田 健秋田 健

実はAFFINGER5の標準では3位までしか作成できないんです。

 

AFFINGER5のテーマだけを購入した方の場合には、標準装備として1~3位までのランキング作成しか出来ません。

 

ではどうやったら3位以降まで作成出来るようになるのか??

 

これは別途、専用プラグイン「AFFINGERタグ管理マネージャー(有料)」が必要になります。この専用プラグインを購入する事で、ランキングを10位まで作成する事が可能となります。

 

当然、ランキング作成数を増やすだけではありません。その他にも非常に便利な機能が満載です。

 

タグ管理マネージャーの主な機能①クリック数ランキング

②タグの入れ子対応

③ダッシュボードへの情報表示

④ログ日時の拡張

⑤追跡機能

 

人によって必要か不要かはあると思いますが、今後アフィリエイトで本気で稼いでいきたいなら正直あるに越したことはありません。

但し、有料になりますので「あなた」次第です。おすすめはおすすめです。

 

なお、この「AFFINGERタグ管理マネージャー(有料)」入手方法ですが、当ページをご覧になっている時点で、既にAFFINGER5を購入し利用していると思いますので、持っている前提でお伝えします。

 

・既にAFFINGER5テーマを持っている方

テーマだけを購入した場合は14,800円で購入していると思います。

これとは別に「AffiliateRun~なぜ売れないか?[付録]プラグイン「AFFINGERタグ管理マネージャー3」を購入(21,800円)する必要があります。

 

残念ながら「AFFINGERタグ管理マネージャー」単体での販売はありません

 

購入を検討される場合には以下のリンクから公式サイトへアクセス出来ますので、ご覧になってみてください!!

AffiliateRun~なぜ売れないか?[付録]プラグイン「AFFINGERタグ管理マネージャー3

 

ちなみに「AffiliateRun」というのはPDFデータでプラグインの「おまけ」として付いてきます。どんな内容かは以下のページを参考にしてみてください。

 

 

また、もしまだAFFINGER5を持っていない場合には、「AFFINGER5」「タグ管理マネージャー」がセットになった「AFFINGER PACK3(WING対応)」もあります。しかし、これは料金が「39,800円」となかなか高額です。

「AFFINGER PACK3(WING対応)」公式サイト

 

そのため、個人的には。

1.AFFINGER5(WING)のテーマのみ購入
2.必要と感じたら、AFFINGERタグ管理マネージャー3を購入

と検討することをおすすめします!!

 

AFFINGER5(WING)自体を検討段階中の方は、ぜひ以下のページを参考にしてみてくださいね!!

 

これで「AFFINGER5のランキングの作り方」は以上となります。

 

AFFINGERをまだ購入されていない方へ

WordPressテーマは正直、とても悩まれると思います。

なぜなら、世の中には無料テーマが数多く存在しているからです。

 

例えば・・・

 

  • Simplicity
  • Cocoon

 

はその代表的な無料テーマとも言えます。

 

ただここでは一つだけ言わせてください。

AFFINGERは本当に「稼ぐ」に特化したWordPressテーマです。

 

「会話(ナビゲーター)」「ランキングの生成」「豊富なボックス・ボタン」などなど。

とにかく訪問してくれたユーザーに対して、「視覚的」にも強いインパクトを与えることが可能となっており、優れたデザイン性がユーザーへ信頼感・安心感を与えることが容易にできます。

 

これら以外にも本当にたくさんのおすすめするポイントがありますので、悩まれている、迷っているならぜひ購入を検討してみてください

当サイトからは2つの限定特典をお付けし、最初の初期設定などを解説しているPDFをお付けしていますから、ご安心かと思います!

 

≪使うべきNo1テーマついに決定!≫

☑デザイン性・自由カスタマイズ・簡単設定

☑会話・ボックス・ランキングで脅威のCTR

☑初心者~上級者まで圧倒的な利用者を誇る

☑秋田健が太鼓判を押す間違いないテーマ

☑2つの限定特典を付け初心者安心サポート

限定特典付き「AFFINGER5(WING)」購入はこちら

限定特典付きAFFINGER PACK3(WING対応)購入へ

 

アフィリエイトで稼ぐ「0Start」とは

 

まず「0Start」とは・・・

定して継続的に稼ぐ為の放置システムを最短最速で構築するためのアフィリエイト教材」になります。

 

<こんな不安を解決>

 

 

<如何にして放置で稼ぐか>

時間がない中で、最短最速で「稼ぐ仕組み=放置システム」を作り上げること。

 

※0Startで公開しています。

 

私は普段サラリーマンをしています。

つまり、日中はほぼ放置した状態で「月収100万円」を安定して継続的に稼いでいます。

 

<どんな方でも簡単実践可能!>

 

そんなことは一切関係ありません

 

ありがたいことに、数多くの方からご質問を頂く中で多かった質問が・・・

 

「どうやって月収100万を稼いだんですか?」

 

これに親身にご回答したいのは山々ですが、とんでもない文量になってしまいます。

そこで、「本当に知りたい」「本気で稼ぎたい」という方だけにお伝えしたいと考え、アフィリエイトのバイブル「0Start~放置システム最短サイト構築~」の販売に踏み切りました。

 

後悔はさせないほどの圧倒的なノウハウと特典の数々。

そして、手にして頂いたならば、実践し、極論真似してください

現時点で私が持ちうる全てのノウハウを「0Start」に注いでいます。

 

これからのアフィリエイトライフの一助に「0Start~放置システム最短サイト構築~」がなれば幸いです。

 

≪不労所得で月収100万円以上稼ぐ教科書「0 Start」≫

☑月収100万円以上を目指すための放置システムを構築

☑誰でも「稼ぐ仕組み」を徹底的に最短で作りあげられる

☑当サイト管理人の秋田健が長い歳月を掛け、本気で作成

☑24時間365日フル稼働で働くもう一人の自分を構築

☑放置で稼ぎ続ける「不変型」ノウハウを赤裸々に大公開

本気で稼ぎたい方だけ手に取ってみて下さい☆

【公式】0Start~放置システム最短サイト構築~

 

でわ!秋田 健でした。

 

≪無料メルマガ「アフィマガ」好評配信中≫

☑「月収100万円への道」をメルマガで無料配信!

☑SEO・ライティング・Googleアップデート情報!

☑アフィリで稼ぐ為の必要な情報を限定配信

☑サイト未完成の方・サイト完成後それぞれで配信!

☆「あなた」の状況に応じて選んでくださいね☆

メルマガ登録

無料メルマガ「アフィマガ」について

サイト未完成向けメルマガ登録ページ

サイト完成済み向けメルマガ登録ページ