AMP対応ページでのご利用について

AMPとは:「AMP(Accelerated Mobile Pages)」
モバイルでのウェブサイト閲覧を高速化することを目的とするオープンソースプロジェクトです。
AMPに関する詳細は以下をご参照ください
≫ AMPについて

楽天アフィリエイトのソースをAMP対応のウェブページでもご利用いただくことが可能です。
ご利用いただくには、一部タグの書き換えが必要です。

STEP1
楽天アフィリエイトソースをコピーする

STEP2
テキストエディタ等にペーストし、タグの一部を書き換える

AMPタグに変更した例の画像
  1. 「img」タグを「amp-img」タグに書き換えます。
  2. 「amp-img」タグの末尾に閉じタグ「</amp-img>」を追加します。
  3. 「amp-img」タグに「border="0" 」が存在する場合は削除します。
  4. いずれかタグに「!important」が存在する場合は削除します。
  5. 商品画像の「amp-img」タグの場合、「layout="fixed" 」を追加します。
  6. 商品画像以外(楽天ロゴなど)の「amp-img」タグの場合、「layout="flex-item" 」を追加します。
    ※layoutに関する詳細についてはAMPの公式サイトをご参照下さい。
    ≫ AMPの公式サイト
  7. 「amp-img」タグに「width」及び「height」を指定します。
    ※Google Chromeをご使用の場合、画像にカーソルを合わせて右クリック→検証で画像サイズを確認できます。

例1)「画像とテキスト」の場合

AMPタグに変更した例の画像

例2)「画像のみ」の場合

AMPタグに変更した例の画像

例3)「画像とテキスト」で "!important" の設定が存在する場合
 "!important"が存在する場合は削除します。

AMPタグに変更した例の画像

"!important"が存在する場合は削除します。

STEP3
上記で修正したタグをAMP対応ページに貼り付ける
※AMP未対応のウェブページに修正したタグは利用できません。

以上になります。

手動でのタグ書き換えとなりますので、動作確認までご対応ください。
万が一タグの誤修正が起こった場合、アフィリエイト報酬の補填はございませんのでご了承ください。