Amazon Native Ads Trigger Issues In Lighthouse
Here is a snippet to use if you are receiving warnings regarding Accessibility and Best Practices when running a Lighthouse test in Chrome Dev (F12) related to in-page Amazon Ads.
- Image elements have
[alt]attributes - Links to cross-origin destinations are unsafe
Add the following code to the footer section of your page.
<script>
setInterval(amzfix,2000);
function amzfix() {
jQuery('.amzn-native-product-title').prop('rel', 'nofollow noopener sponsored');
jQuery('div.amzn-native-product-title-container > a').attr('rel', 'nofollow noopener sponsored');
jQuery('a.amzn-native-brand-link').attr('rel', 'nofollow noopener sponsored');
jQuery('a.amzn-native-adchoices-link').attr('rel', 'nofollow noopener sponsored');
// Add required alt tags to amazon ad images for best practices
jQuery('div.amzn-native-product-image-container > div > img:not([alt])').attr('alt', 'Amazon Product Image');
//For testing
//let val = jQuery('div.amzn-native-product-title-container > a').attr('rel');
//console.log(val);
}
</script>
