薬剤師とザリガニの奮闘記

~薬ザリ(yakuzari)の備忘録~

【はてなブログ】はてな記法でもしもアフィリエイトの「かんたんリンク」を使用する方法

【スポンサーリンク】

アフィリエイトを行っている方はA8.netやもしもアフィリエイトなど、いわゆるASPに登録しているかと思います。

登録した後に自分のサイトで商品を紹介し、それが売れれば広告料(紹介料?)として報酬を得ることができるのですが、その紹介の仕方は様々です。

そんな中、はてな記法だと「もしもアフィリエイト」で「かんたんリンク」が使用できない!との噂がありましたが、

それはデマです!!

簡単に使用できますので、はてなブロガーの方で普段「はてな記法」で記事を書いてるよ~という人は是非参考にしてください!!

本当に簡単ですよ(笑)

※当記事で何度か「かんたんリンク」という単語が出てきますが、ここでいう「かんたんリンク」は新バージョンの「かんたんリンク」です。旧型の「かんたんリンク」ではありません。

はてな記法では「かんたんリンク」が使えない?

このブログを立ち上げた当初から、私は記事を書く際には「はてな記法」を使用しています。他にも「見たまま」「Markdown」「HTML」がありますが、ずっと「はてな記法」で慣れてきてしまったので、いつも通り「はてな記法」で記事を書いて「かんたんリンク」を使用してアフィリエイト記事を作成しよう!と張り切っていました。

しかし、、

なぜか「はてな記法」で公式Hpで説明されている通り記事に記述してプレビューを見ても記事にアフィリエイトの広告が全く出ません!!

プレビューだから?

とも思い試しに記事をアップしてから実際の記事を見てみても、やはり広告は出てきませんでした。

??

少し検索してみると、同様なケースが確認されています。

www.darakekaasan.com

どうやら「Markdown」だとうまく表示されるようです。
→実際に試したところ、確かにMarkdownだけは表示されました。

それでもはてな記法で「かんたんリンク」を使いたい

どうやら自分の設定ではなく、仕様の問題であることが分かりました。

「かんたんリンク」を使う際には「MarKdown」で書くしかないとあきらめていましたが、ある日ふと「はてな記法」でも表示させることができたので紹介します。

その方法は至って簡単!!

リンクを作成するときにレ点を一か所入れるだけです!

実際にリンクを作って貼ってみよう

それでは順を追って実際にリンクを作成してみたいと思います。


※まだ登録していない方はこちらか登録できます

①まずは「もしもアフィリエイト」にログイン

②ログインしたら上のバーの「サイトの運営」→「かんたんリンク」を選択する

もしもアフィリエイトのかんたんリンク
まずは「かんたんリンク」を選択します

③検索窓に紹介したい商品のキーワード等を入れる
※商品販売のURLを直接入力(コピペ)でも探せます

かんたんリンクでの検索
「スラムダンク」で検索してみます

④キーワードで検索した場合候補が出てくるのでその中から紹介したい商品を選択する

かんたんリンクで商品選択
数ある商品から選択します

⑤商品を選択するとプレビューとHTMLソース(サイト掲載用)が表示されます。

はてな記法ではHTMLソースを1行にする
この操作がポイントです!!

⑥HTMLソース(サイト掲載用)をコピペする前に「HTMLソースを1行にする(WordPress対応)」にレ点を入れてからコピーする

⑦はてな記法で作成した記事にコピーしたHTMLソースを貼り付ける

⑧完成!!

⑥の過程が必要なようです。WordPress用と書いてあるのではてなブログには関係ないと踏んでいたのですが、ここが肝だったようです!!

実際に「はてな記法」でリンクを作った完成系はこちらです↓↓

※CSSでこのデザインさえもカスタマイズ出来そうです。時間が無く実行できていないので、現状は素のままのデザインで掲載していきたいと思います。

ちなみに「スラムダンク」は私が大好きな漫画の一つです(笑)

読んだことが無い方は一度は読んでみることをおススメします!!

はてな記法で「かんたんリンク」を使用する方法まとめ

もしもアフィリエイトの「かんたんリンク」は「はてな記法」だと使用できないとの情報もありますが、使用できます。

使用するときのポイントは、WordPress用のレ点を入れるだけです。

たったこれだけで使用可能です。

はてなブログで「はてな記法」をこよなく愛していて(笑)、もしもアフィリエイトの「かんたんリンク」を使用したい方!!

是非お試しあれ!!

その他はてなブログ関係の記事はこちらからどうぞ↓↓
www.yakuzari.work
www.yakuzari.work
www.yakuzari.work
www.yakuzari.work