【アフィンガー設定】ブロックでもできるアフィリエイトリンクをボタン化する方法

アフィンガーでアフィリエイトをボタンにしたい！

リンクの改変なしでボタン化できる？

AFFINGER（アフィンガー）はブロガーにおすすめですが細かな設定が難しく迷ってしまう方もいるのではないでしょうか。

結論から言うと、ブロックエディタでもアフィリエイトをリンク改変なしでボタン化することが可能です。

画像付きでボタン化のステップを紹介します！

ブログでなかなか稼げないと悩んでいる人はこちらの記事も参考にしてください。

>ブログで稼げない？稼げるようになる解決策4つを体験談つきで紹介

記事を書いた人

アフィンガーでアフィリエイトリンクをボタン化する方法

アフィンガーでアフィリエイトリンクをボタン化するのは全部で6ステップです。

• 好きなデザインのボタンを作成する
• ボタンブロックをHTMLにする
• カスタムHTMLボックスに貼り付け
• アフィリエイトリンクを取得
• カスタムHTMLにリンクを挿入
• プレビューで確認

画像つきで詳しく解説していきます！

1.好きなデザインのボタンを作成する

まずはAFFINGERカスタムボタンのブロックを使い、ボタンデザインをアレンジしていきます。

右側の設定からボタンデザインを変えることができます。

上部の「テキスト設定」や「アイコン設定」はそのままでOK。

「ボーター設定」や「色設定」でデザインを変更できます。

アフィリエイトリンクは青色や緑色だとクリックされやすいよ！

アフィンガー公式サイトのようなキラリと光るボタンにしたい場合は「光る演出」をONにしてください。

好きなデザインのボタンが完成したら次のステップに進みます。

2.ボタンブロックをHTMLにする

1で作った好きなデザインのボタンブロックをHTMLに変更します。

ブロックを選択しメニューを開いたら「HTMLとして編集」を選択。

上の画像のような表示になればOKです。

表示されたHTMLをコピーして次のステップに進みます。

3.カスタムHTMLボックスに貼り付け

次にカスタムHTMLブロックを使います。

2で作ったボタンの下にカスタムHTMLブロックを追加。

コピーしたHTMLをカスタムHTMLに貼り付けます。

貼り付けが完了したら次のステップに進みます。

コピーが完了したら元のボタンブロックは削除してOKです♪

4.アフィリエイトリンクを取得

ワードプレス管理画面から離れASPにて広告リンクをコピーします。

ボタンリンクを作成するときは、必ずテキストタイプの広告リンクを使用してください。

5.カスタムHTMLにリンクを挿入

ASPでコピーしたアフィリエイトリンクをカスタムHTMLに貼り付けます。

貼り付ける箇所は＜a href〜</a>の部分です。

これで完成です♪

6.プレビューで確認

ここまででアフィンガーのボタンリンクが完成しました！

プレビューで確認して、ボタンになっているなら完成です！

よく使うリンクは「再利用ブロック」を活用する

アフィンガーでアフィリエイトリンクをボタン化する方法を紹介しました！

ただ毎回この作業をやるのは面倒ですよね😭

「再利用ブロック」を使えば、ワンクリックで同じボタンを呼び出すことができますよ！

ボタンを再利用ブロックに登録する方法

再利用したいブロックの登録方法から紹介します。

登録したいボタンを選択。

メニューから「再利用ブロックを作成」をクリックします。

わかりやすい名前をつけて「保存」をクリック。

これで再利用ブロックの登録は完了です！

商品名＋リンクという一目でわかる名前をつけるのがおすすめです！

登録した再利用ブロックを使う方法

登録した再利用ブロックを使う方法を紹介します。

ブロック選択のメニューから「再利用可能」を選択。

使いたいブロックを選びます。

ワンクリックで呼び出すことができますが、再利用ブロックはテンプレートのようなもの。

編集すると登録した元データも変わってしまうので、必ず通常ブロックに戻してから編集してください。

再利用ブロックはめちゃくちゃ便利な機能！ぜひ使い方を覚えてね♪

ボタンリンクを活用してクリック率を高めよう

アフィンガーでアフィリエイトリンクをボタン化する方法を解説しました。

ボタンリンクはクリックされやすいので、ブログで稼ぐことが目的なら必ず取り入れましょう。

この方法を使って、上手にボタンリンクを活用していきましょう。