How to Insert Amazon Affiliate Ads into AMP Website

After redesigning my other blog’s theme using my own custom-built native AMP WordPress theme, I ran into one question that was hard get find an answer for…

How can I insert an Amazon Associates Affiliate Ad into my native AMP website?

Well, I eventually figured it out, and I’m here to share it with you.

You will need to use the <amp-ad> component with a specific format. The “type” of this ad unit is A9 and it supports Amazon Affiliates’ Search, Recommendation and Custom ad widgets of the Native Shopping Ads program. These widgets would need to be created here first https://affiliate-program.amazon.com/home/ads

AMP Ad Unit for Amazon Affiliate Recommendation Ad

Here are examples of the Sync and Async versions of the Recommendations Ad.

Sync

<amp-ad 
    width="300" 
    height="250" 
    type="a9" 
    data-amzn_assoc_ad_mode="auto" 
    data-recomtype="sync"
    data-adinstanceid="fe746097-f142-4f8d-8dfb-45ec747632e5"
    data-regionurl="https://z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US">
</amp-ad>

Async

<amp-ad 
    width="300" 
    height="250" 
    type="a9" 
    data-amzn_assoc_ad_mode="auto"
    data-divid="amzn-assoc-ad-fe746097-f142-4f8d-8dfb-45ec747632e5" 
    data-recomtype="async"
    data-adinstanceid="fe746097-f142-4f8d-8dfb-45ec747632e5">
</amp-ad>

AMP Ad Unit for Amazon Affiliate Search Ad

<amp-ad 
    width="400" 
    height="300" 
    type = "a9" 
    data-amzn_assoc_placement = "adunit0" 
    data-amzn_assoc_search_bar = "true" 
    data-amzn_assoc_tracking_id = "kinkbook-20" 
    data-amzn_assoc_search_bar_position = "bottom" 
    data-amzn_assoc_ad_mode = "search" 
    data-amzn_assoc_ad_type = "smart" 
    data-amzn_assoc_marketplace = "amazon" 
    data-amzn_assoc_region = "US" 
    data-amzn_assoc_title = "Shop Related Products" 
    data-amzn_assoc_default_search_phrase = "apple watches" 
    data-amzn_assoc_default_category = "All" 
    data-amzn_assoc_linkid = "b01186f9b305e15fc51214bb45187875" 
    data-regionurl = "https://z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US">
</amp-ad>

AMP Ad Unit for Amazon Affiliate Custom Ad

<amp-ad 
    width="600" 
    height="250" 
    type = "a9" 
    data-amzn_assoc_placement = "adunit0" 
    data-amzn_assoc_search_bar = "true" 
    data-amzn_assoc_tracking_id = "kinkbook-20" 
    data-amzn_assoc_ad_mode = "manual" 
    data-amzn_assoc_ad_type = "smart" 
    data-amzn_assoc_marketplace = "amazon" 
    data-amzn_assoc_region = "US" 
    data-amzn_assoc_title = "My Amazon Picks" 
    data-amzn_assoc_linkid = "c5772783a7d25620cd6226c5cc5885c8" 
    data-amzn_assoc_asins = "B001AWZDA4,B07BFTFYZC,B06XD8XQWK,B018HTGSN8">
</amp-ad>

I hope this was helpful for you. If you want to read more about the A9 AMP Ad format, click here.