今なら2ヶ月無料!オーディブルで耳読書

かんたんリンクが表示されない人へ|貼り方を解説(ワードプレス・はてなブログ)|2021年最新

もしもアフィリエイトのかんたんリンクのデザインが新しくリニューアルしてオシャレになりましたね。色や文字の編集ボタンの配置も変更可能になって、利便性がさらにアップしています。

管理人

これもうCSSいじる必要なくない?

ネット上でよく見かける、もしもアフィリエイトのかんたんリンクが表示されない問題。
皆さんの困りごとは次の通り。

【よくある質問】
  • かんたんリンクが表示されないけどなんで?
  • 「リンク」とだけ表示されるんだけど…
管理人

僕も初期の頃に丸2日くらいかんたんリンクでつまずいてめっちゃ消耗したのを覚えています。

この記事では、上記の質問にお答えしつつ、もしもアフィリエイトのかんたんリンクの貼り方・使い方を、初心者でもわかるように写真付きで解説します。
2021年最新バージョンです。

  • ソースを取得する方法
  • ワードプレスでの貼り方
  • はてなブログでの貼り方
管理人

WordPressとはてなブログ、両方で解説していきます。

この記事は完全初心者向けです。

筆者の実績

たくさんのASPを利用しましたが、初心者が1番使いやすいASPはもしもアフィリエイトさんなのは間違いないですね。
上図ぼかしていますが、初心者だった僕でも昨年6桁以上ありましたからね。

  • ブログ歴1年10ヶ月
  • 月間最高14万PV

関連記事 ブログ収益化は簡単ではありませんが、ASPに登録しないと前には進みません。この記事でおすすめのASPをご紹介しているので是非。

目次|読みたいところにジャンプ

もしもアフィリエイト|かんたんリンクの貼り方を解説

もしもアフィリエイト かんたんリンクの貼り方

では早速ですが、もしもアフィリエイトのかんたんリンク設定方法を解説していきますね。

  1. かんたんリンクで商品検索!
  2. 貼り付け用ソースを取得する
  3. サイトに(ブログ)貼付ける
管理人

基本、この3つの手順だけ。

これから先は、もしもアフィリエイトに登録済み前提で解説していくので、登録がまだの方はこちらからどうぞ!

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

登録に必要なものは以下の通り。

  • 名前と住所、パスワードなどのアカウント情報
  • サイト(ブログ)名、サイトURLなどのサイト情報
  • 報酬を受け取るための口座情報
管理人

5分以内に完了するよ。


HTMLソースを取得する

まずは、もしもアフィリエイトで貼り付けるソースを取得します。

HTMLソースを取得する(サイト掲載用)ってめっちゃ難しそうなワードですが、全く気にする必要はございませんよ。

まずはもしもアフィリエイトかんたんリンクページにいく。
2つの赤枠、どちらでもOKです。

もしもアフィリエイトのかんたんリンクの貼り方

検索窓にサイトに貼り付けたい商品名を入力し、虫眼鏡ボタンをクリックします。

もしもアフィリエイトのかんたんリンクの貼り方

例:ルンバと入力して虫眼鏡をクリックすると、一覧が表示されるので赤枠の画像部分をクリック。
※ 画像下の文字部分をクリックすると、商品ページに飛ぶので確認しましょう。

もしもアフィリエイトのかんたんリンクの貼り方

このように見本が表示されます。

管理人

前よりめっちゃおしゃれになってる。

もしもアフィリエイトのかんたんリンクの貼り方

下にスクロールすると、HTMLソース(サイト掲載用)が用意されています。

ここがポイント!

HTMLソースを1行にする(WordPress対応)に必ずチェックを入れよう!
そして全文コピーをクリックして取得完了。

管理人

ここまで5分かからなくてめっちゃ簡単

ワードプレスでの貼り方

ここからは実際に貼り付ける手順を説明していきますよ。
この記事で紹介するのは、ワードプレスのめっちゃ使いやすい「ブロックエディタ」での編集手順なります。

新規投稿画面を開いておきます。
「ブロックの追加」からカスタムHTMLを選択。

もしもアフィリエイトのかんたんリンクの貼り方 ワードプレス

先程全文コピーしたソースを赤枠内に貼り付けます。

もしもアフィリエイトのかんたんリンクの貼り方 ワードプレス

貼り付けたらプレビューをクリック。

はい、ご覧のようにきれいに表示されます。

管理人

これだけです。

もしもアフィリエイトのかんたんリンクの貼り方 ワードプレス

はてなブログでの貼り方

はてなブログは、はてな記法がおすすめなので、はてな記法での手順になります。

記事を書く編集画面を開いておきます。

もしもアフィリエイトのかんたんリンクの貼り方 はてなブログ

取得済のソースを編集画面にそのまま貼り付けます。
注意:はてなブログの場合、HTMLソースを1行にするをチェックし忘れると表示されない場合がありますので、チェックをお忘れなく😌

プレビューで表示すると、このように表示されますね。

もしもアフィリエイトのかんたんリンクの貼り方 はてなブログ

ワードプレスでもはてなブログでも、貼り付け終わったらきちんと商品ページに飛ぶか確認したほうが良いです。収益の取りこぼしになると痛いのでチェックしておきましょうね。

かんたんリンクのデザインリニューアル

洒落た印象に変更されています。
Amazon、楽天、Yahooの企業カラーにも変更できるから、こだわりたい方は色まで設定していきましょう!

旧デザイン
新デザイン
管理人

場合によってはRinkerいらないかもね。

編集可能に

編集できるのは次の項目

  • ボタンの色
  • ボタンの文字
  • ボタンリンク追加
  • ボタンの位置変更
  • ボタンの削除も可能に
もしもアフィリエイトのかんたんリンクの貼り方 

鉛筆マークをクリックして編集画面に。
必要ならURLも変更可能。

もしもアフィリエイト|かんたんリンクの貼り方まとめ

今回は初心者にやさしいもしもアフィリエイト、かんたんリンクが表示されなくてお困りの方に向けて、写真付きで解説してみました。

貼り方は他にもあるのですが、僕がこの方法で確実に表示しているので、他の方法を試したけどダメだった人は是非トライしてみてくださいね。

\月に3万円は無理じゃない/

関連情報

記事冒頭でもご紹介しましたが、当ブログがおすすめするアフィリエイトASPをまとまた記事でアフィリエイトの仕組みとおすすめASPをご紹介しているので、まだこれからブログを始めるという方は是非ご覧くださいね。

それから、もしもアフィリエイトのかんたんリンクが1番簡単ではあるんですが、老舗のバリューコマースのLinkSwitch機能も簡単ですよ。以下の記事で写真付きで解説しています。

ワードプレスへの引越しでお悩みなら

  • デザインの限界を感じる。
  • 記事執筆に全集中したい。
  • 移行作業で失敗したくない。
  • 少し稼げてきたからステップアップしたい。

ワードプレスへの引越しでお困りなら、1度『サイト引越し屋さん』に相談してみると良いですよ。

管理人

WordPress専門の引越し代行サービスなので、なんでも相談に乗ってくれるよ。

\引越しはプロに/

よかったらシェアしてね
  • URLをコピーしました!

コメント

コメント一覧 (1件)

  • ブログ始めて1週間ばかりの新参者です。
    A8ネットではリンク簡単に貼り付けできたのに「もしもアフィ」と「バリュコマ」だと
    うまく貼り付けできなくって。。。
    2221さんのおかげで次のステップに行けることができました^^
    ありがとうございました。

ノーキン へ返信する コメントをキャンセル

目次|読みたいところにジャンプ