こんにちは、うっしーです。
今回は、ブログにAmazonの商品URLをブログカードとして貼る方法をご紹介します。
このような感じで貼ることができます。
ブロガーさん向けになりますので、興味がある方はご覧ください。
- Amazonの商品リンクをブログカードとして貼る方法
- ASINコードとは何か
起きてしまう現象
今回は、このブログ内でも投稿した「レターオープナー」のAmazonのURLでご説明します。
ブログ記事のテーマによってはAmazonの商品リンクをブログカードとして、表示させたいと思うのは自然なことかと思います。
そのまま直接貼る
商品ページのURLをそのまま段落ブロックに貼ってみます。
すると、下記のような表示になってしまいました。
これはブログカードとして挿入しても一緒です。
ブログカードとして貼る
①ブロックの「＋」ボタンをクリック、もしくはタップ
②検索ボックスに「ブログカード」と入力後、ブログカードを選択
③挿入されたブログカードブロックにAmazonの商品URLをそのまま貼り付け
④貼り付け後
⑤実際の画面表示
なぜ、ブログカードとして表示されないんだろう？
なぜこのような表示になってしまうかは、僕も解明することができませんでした・・
ですが、ちゃんとブログカードとして表示させる方法は見つけました！
これからご紹介します！
ブログカードとして表示させる方法
結論
ブログカードとして表示させる方法は下記をブログカードブロックに入力するだけです。
https://www.amazon.co.jp/dp/"ASINコード"
この”ASINコード”の部分を載せたい商品のASINコードに置き換えてあげるだけです。
今回の場合は、B001GR4DQ8なので、こちらに置き換えます。
https://www.amazon.co.jp/dp/B001GR4DQ8
手順
先でお話ししたやり方と同様ですが、改めてご紹介します。
①ブロックの「＋」ボタンをクリック、もしくはタップ
②検索ボックスに「ブログカード」と入力後、ブログカードを選択
③作成したURLを貼り付ける
④貼り付け後
⑤実際の画面表示
無事、ブログカードとして貼り付けることができました。
ASINコードとは？
ASINは「Amazon Standard Identification Number」の略で、Amazonの独自コードのことです。
書籍以外の商品を識別する英数字10桁の番号です。
Amazonの商品ページの「商品の情報」というエリアに記載されています。
まとめ
どうでしょうか？問題なく貼れましたか？
今回はAmazonの商品にフォーカスしました。
私も少し苦戦したテーマなので、同じような境遇の方のお役に立てれば幸いです！
それでは〜
コメント