アフィリエイトの収益アップ！カスタムMCボタンをカスタマイズする方法【AFFINGER5】

悩んでいる人

アフィンガー5を導入しました。アフィリエイトボタンをおしゃれにカスタマイズしたいのですが、どのような方法がありますか？

今回はこの疑問を解決します。

この記事の内容

・収益UPを目指すためのボタンリンクをカスタマイズする方法

この記事を書いている人

Twitter（suguru0326）を運営中

今回は以下のようなボタンを作っていきます。

＼人気No1の最大手ASP ／

A8.netに無料登録する

5分で無料登録できます

＼ W報酬制度／

もしもアフィリエイトに無料登録する

5分で無料登録できます

＼大手案件が多数／

バリューコマース無料登録する

5分で無料登録できます

今回の記事は、有料テーマ「AFFINGER5（アフィンガー5）」を導入している人向けの記事となっています。

私のテーマ、アフィンガーじゃない・・・

と言われる方は、この機会にテーマをアフィンガー5に変えてみるのもおすすめですよ。

僕は、以前は「Cocoon」という無料テーマを使っていたのですが、「AFFINGER5」に移行しました。

無料テーマから有料テーマのアフィンガー5に変えた理由などを書いていますので、気になる人はご覧になってみてください。

: 【導入方法も解説】AFFINGER5を実際に使った感想【メリットとデメリット】

それでは、ボタンの作り方を説明していきますね！

すぐる

カスタムMCボタンを作る方法

それでは作り方を説明していきます。

＼人気No1の最大手ASP ／

A8.netに無料登録する　>>

5分で無料登録できます

今回は例として上のボタンを作っていきましょう。

それでは、順番に説明していきますね。

MCボタンの手順

まず、投稿画面で、『タグ』▶︎『カスタムボタン』▶︎『MCボタン』の順でクリックします。

MCボタンの色は後でも変えるので何色でも大丈夫ですよ〜。

すぐる

試しに「レッド」を選択すると下のようになります。

太字のテキスト

今すぐ申し込む

※マイクロコピーを書いてみよう

すごく簡単ですね！

次は、カスタムボタンの内容について説明していきます。

カスタムMCボタンの内容

いろいろな文字列が出てきますが、それぞれの役割は下のようになっています。

[st-mcbutton url="リンク先URL" title="ボタンのタイトル" rel="nofollow" fontawesome="タイトル前のアイコン" target="_blank" color="文字の色" bgcolor="背景色" bgcolor_top="背景色上部" bordercolor="枠線色" borderwidth="枠線の太さ" borderradius="枠線の丸み" fontweight="文字の太さ" fontsize="文字の大きさ" width="文字のサイズ" fontawesome_after="タイトル後のアイコン" shadow="ボタンの影色" ref="光らせるかどうか" mcbox_bg="ボタン上の文字背景色" mcbox_color="ボタン上の文字色" mcbox_title="ボタン上の文字" beacon="計測用img"]ボタン上の文字[/st-mcbutton]