GatsbyブログにAmazonアフィリエイトリンクを貼りました。
10月28日追記
Gatsbyブログについて、初noteを書きました。
【完全版】爆速GatsbyでWordPressちっくなブログを作る全手順
こんにちは、筋肉めがねです。
ここ数日、「超 筋トレが最強のソリューションである。」、そして「Web高速化のための静的サイトジェネレーター活用入門」の書評を書いてきましたが、どうせ書評を書くなら以下のようなAmazonアフィリエイトリンクを貼りたいですよね。
そこで、ここ数日アップした書評の記事にAmazonアフィリエイトリンクを貼りましたので、その方法をシェアします。
サクッとできます。
Iframeは使いません。
そして、Amazonアソシエイトプログラムの審査に通っている、という前提で話を進めていきます。
Amazonアソシエイトでリンクを生成
Amazonアソシエイトのホームページで、リンクを生成したい商品を検索します。
検索結果が表示されたら、該当する商品に紐づいている「リンク生成」ボタンをクリックします。
すると、商品のリンクが生成されるページが表示されます。
このブログの場合には、「画像のみ」を記事内に表示したいので、「画像のみ」をクリックします。
生成されたコードをコピーしましょう。
Markdownファイルへコードを貼り付ける。
Amazonアフィリエイトリンクを貼りたい記事のMarkdownファイル内へ、先ほどコピーしたコードをそのまま貼り付けます。
こんにちは、筋肉めがねです。
ここ数日、「超 筋トレが最強のソリューションである。」、そして「Web高速化のための静的サイトジェネレーター活用入門」の書評を書いてきましたが、どうせ書評を書くなら以下のようなAmazonアフィリエイトリンクを貼りたいですよね。
<a target="_blank" href="https://www.amazon.co.jp/gp/product/B07BXYR748/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=B07BXYR748&linkCode=as2&tag=kinnikumegane-22&linkId=074144037d2fd431e6274a0f23e68f6f"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&MarketPlace=JP&ASIN=B07BXYR748&ServiceVersion=20070822&ID=AsinImage&WS=1&Format=_SL250_&tag=kinnikumegane-22" ></a><img src="//ir-jp.amazon-adsystem.com/e/ir?t=kinnikumegane-22&l=am2&o=9&a=B07BXYR748" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />これで、以下のようにAmazonアフィリエイトリンクが表示されます。
まとめ
これで、より一層書評を書くモチベーションが上がります。