アフィリエイトのノウハウ、情報、お知らせ

  • このエントリーをはてなブックマークに追加

スマホ対応策:リンクをボタンにする

「アフィリエイトサイトをスマホに対応させたいけど、何からやればいいかわからない」

そんなときは、まずはテキストリンクをさくっとボタンにすることが良いのではないでしょうか。

[参考スクリーンショット]
button

CSSだけで簡単にボタンにできる

「CSS Button Generator」を使えば、通常のテキストリンクを簡単にボタンに変更できます。画像を作ることなしにCSSだけで!
http://css-button-generator.com

使い方は簡単です。

1)スライドを動かして、好みの色のボタンを作ったら
css1

2)表示されたCSSの部分を、自分のサイトのCSSに貼り付ける
css2

これで準備完了です。
※CSS貼り付けはHTMLのhead内でも、CSSファイル内でも大丈夫です

あとは、ボタン化したいリンクの<a>タグのところに「class=”css_btn_class”」を追加するだけです。
例)
<a href=”http://example.com”>おしゃれコンシャスでレンタルドレスを探す</a>
<a href=”http://example.com” class=”css_btn_class”>おしゃれコンシャスでレンタルドレスを探す</a>

[参考スクリーンショット]
button

アフィリエイトリンクの改変は禁止されてるけどいいの?

よく話題になることです。
アフィリエイトリンクの改変は原則禁止されています。間違って改変してしまい、成果が出なくなっても責任が取れないからです。

例えば、以下がアフィリエイトリンクです。
————-
<a href=”http://c.af.moshimo.com/af/c/click?a_id=402173&p_id=870&pc_id=1060&pl_id=11187&guid=ON” target=”_blank”>おしゃれコンシャスでレンタルドレスを探す</a><img src=”http://i.af.moshimo.com/af/i/impression?a_id=402173&p_id=870&pc_id=1060&pl_id=11187″ width=”1″ height=”1″ style=”border:none;”>
————-

このうち、
————-
http://c.af.moshimo.com/af/c/click?a_id=402173&p_id=870&pc_id=1060&pl_id=11187&guid=ON
————-
の部分が最も重要でアフィリエイトの成果が出るために必要なリンクです。
この部分さえ間違っていなければ成果は出ます。他の部分は補完的なものだと認識して大丈夫です。

なので、今回のCSSボタンの表示を適用するために以下のように一部改変することはOKです。
————-
<a href=”http://c.af.moshimo.com/af/c/click?a_id=402173&p_id=870&pc_id=1060&pl_id=11187&guid=ON” target=”_blank” class=”css_btn_class”>おしゃれコンシャスでレンタルドレスを探す</a><img src=”http://i.af.moshimo.com/af/i/impression?a_id=402173&p_id=870&pc_id=1060&pl_id=11187″ width=”1″ height=”1″ style=”border:none;”>
————-

ただし、最初に書いたように間違って修正してしまって、リンク内のIDの数字を書き換えてしまったりすると、成果は正常に発生しません。
それは自己責任でお願いします。

まとめ

スマホ対策で何をしようか悩んでいる方はまずはクリック率を高めるために、リンクのボタン化を実践してみるのはいかがでしょう。
ぜひ試してみてください。

関連記事