 |
| This visual tutorial illustrates the proper method for embedding Amazon Associate links in Blogger, highlighting the switch from 'Compose' to 'HTML' view to retain necessary 'nofollow sponsored' attributes and adding the mandatory disclosure statement. |
Adding Amazon affiliate links to a Blogger.com post is a two-minute task once the workflow is understood, and a recurring compliance problem when it is not. Most guides covering how to add Amazon affiliate links in Blogger describe the SiteStripe link generation step correctly and then stop, leaving out the specific Blogger editor behaviours that strip rel attributes, the image hosting rules that generate account warnings, and the template-level disclosure implementation that satisfies both Amazon's operating agreement and the FTC's endorsement guidelines simultaneously. This post covers all of it in the exact order you need to execute it, from first link to compliant published post.
The Profitackology blog uses Amazon affiliate links as a supplementary income layer within a broader affiliate stack built primarily on SaaS recurring programmes. Every link in that stack follows the same technical setup documented here. The compliance architecture is not optional: Amazon's automated crawlers scan affiliate sites regularly, and the violations that generate account warnings are almost always the same preventable technical errors in the link and image implementation rather than deliberate policy breaches.
How to Set Up Amazon Affiliate Links on Blogger: The SiteStripe Foundation
SiteStripe is Amazon's built-in toolbar that appears at the top of every Amazon product page when the Associates account is active and the blogger is logged in to Amazon in the same browser session. It is the only approved method for generating affiliate links directly from Amazon product pages, and it produces three distinct link types that serve different content contexts within a Blogger post: text links, image links, and text-plus-image links.
To activate SiteStripe, log in to Amazon Associates Central at affiliate-program.amazon.com and then open Amazon.com in the same browser. Navigate to any product page. The SiteStripe toolbar should appear as a grey bar at the very top of the browser window, above the standard Amazon navigation. If SiteStripe does not appear, the most common cause is that the Amazon customer account and the Associates account are not the same account, or that the browser has a content blocker active that prevents the SiteStripe script from loading.
Generating the Text Link: The Only Link Type Safe for Blogger HTML View
The text link is the correct link type for in-content affiliate link placement in Blogger. It generates a clean URL with the Associates tracking tag appended as a query parameter, without any wrapper HTML, iframe code, or script elements that Blogger's sanitisation layer would strip on publication. To generate a text link, click the "Text" option in the SiteStripe toolbar on the product page. SiteStripe generates the affiliate URL and copies it to the clipboard. This URL is what gets pasted into the Blogger post editor's HTML view as the href value of an anchor tag.
The full URL format from SiteStripe looks like this: https://www.amazon.com/dp/PRODUCTID/?tag=YOURTAG-20. The tag parameter at the end is the Associates tracking identifier. This parameter is the mechanism through which Amazon attributes purchases to the affiliate account. Any link placed in a Blogger post without this tag parameter generates clicks and potentially purchases but zero commission attribution. Always verify the tag parameter is present in the URL before saving any post containing Amazon affiliate links.
Amazon's session detection system monitors for affiliate clicks that originate from sessions associated with the account holder's Amazon customer identity. If the Amazon customer account and the Associates account are both active in the same browser session, clicking a generated SiteStripe link to test it can trigger Amazon's self-referral detection. The detection does not require a purchase to occur. The click-plus-associated-session pattern is sufficient to flag the account.
The correct testing workflow is to generate the link in the standard browser where both accounts are active, copy it, open a completely separate browser profile that has never been signed into any Amazon account, and paste the link there to verify it resolves correctly. This two-browser practice takes an additional 30 seconds per link test and completely eliminates the self-referral detection risk. I use a dedicated browser profile for all Amazon affiliate link testing that has never been connected to any Amazon account.
How to Insert Amazon Affiliate Links in Blogger's HTML Editor Without Losing the rel Attribute
The most technically critical step in adding Amazon affiliate links to a Blogger post is the insertion method used in the post editor. Blogger offers two editing modes: the Compose view (a visual rich text editor similar to a word processor) and the HTML view (the raw HTML source of the post). Amazon affiliate links must be inserted in HTML view, not through the Compose view's link insertion dialog. This is not a preference. It is a functional requirement driven by two specific Blogger editor behaviours that break affiliate link compliance when the Compose view dialog is used.
The first behaviour is rel attribute stripping. The Compose view link dialog inserts links with no rel attribute by default. Google's Webmaster Guidelines require that all affiliate and paid links carry the rel="sponsored" attribute. A link inserted through the Compose dialog is published without this attribute, meaning every affiliate link added this way is a Webmaster Guidelines violation that accumulates silently across the blog's post library until the pattern is significant enough to trigger a quality assessment response. The HTML view preserves all attributes exactly as typed.
The second behaviour is URL parameter truncation. In certain circumstances, the Compose view link dialog modifies URL parameters when pasting long URLs containing multiple query string components. Amazon affiliate URLs frequently contain multiple query parameters beyond the tag value, and the Compose dialog has been observed to truncate or modify these parameters on paste, producing a broken tracking URL that generates clicks but no commission attribution. HTML view paste operations are literal and do not modify the pasted string.
The Exact HTML Format for Every Amazon Affiliate Link in Blogger
Every Amazon affiliate link placed in a Blogger post should use the following anchor tag format. The rel attribute combines "nofollow" and "sponsored" to satisfy both older crawlers that process the nofollow signal and Google's current sponsored link classification system. The target attribute opens the Amazon product page in a new browser tab, which preserves the reader's position in the blog post and avoids navigating away from the page before the reader has finished reading.
The anchor text should describe the product or action naturally, not repeat the URL or use generic phrases like "click here." Descriptive anchor text ("the Sony WH-1000XM5 wireless headphones I tested for six months") signals relevance to both the reader and Google's link quality assessment, while generic anchor text signals thin commercial intent. For Amazon affiliate links in the context of a product comparison or recommendation, the most effective anchor text is the specific product name combined with the specific quality or use case that the post establishes makes it the right choice for the reader's situation.
Step-by-Step: Adding an Amazon Affiliate Link to a Published Blogger Post
The following numbered sequence covers the complete workflow from link generation to published post, in the exact order the steps must be executed to produce a compliant result.
- Log in to Amazon Associates Central at affiliate-program.amazon.com and confirm the account is active and in good standing. Check the earnings summary to confirm the account is not in probation status that restricts certain features.
- Open Amazon.com in the same browser. Confirm the SiteStripe toolbar appears at the top of the page. Navigate to the specific product page for the product being linked in the post.
- In SiteStripe, click "Text" to generate the text link. The affiliate URL is copied to the clipboard automatically. Paste it into a plain text editor such as Notepad or TextEdit to hold it temporarily and verify the tag parameter is present at the end of the URL.
- Open the Blogger post editor for the post where the link will be placed. Click the HTML view button (labelled "HTML" or shown as an angle bracket icon in the editor toolbar) to switch from Compose view to HTML source view.
- In HTML view, locate the position in the text where the affiliate link anchor will be placed. Type the full anchor tag using the format above, replacing the href value with the affiliate URL from the clipboard and replacing the anchor text with the descriptive product reference that fits the post's content context.
- Switch back to Compose view to verify the link renders correctly and the anchor text appears as intended. Do not use the Compose view link dialog to edit the link after switching back. If the link needs editing, switch back to HTML view and make the change there.
- Before saving, switch to HTML view one final time and confirm the rel="nofollow sponsored" attribute is still present on the anchor tag. Blogger's Compose view does not remove existing rel attributes when switching between views, but verifying this once per session eliminates the risk of an editor update changing this behaviour.
Amazon affiliate URLs occasionally break when Amazon restructures product pages, discontinues products, or changes URL formats. A link that resolves correctly at the time of publication may return a 404 or redirect to a non-matching product page six months later. A Blogger post containing a broken Amazon affiliate link is serving a dead end to readers and generating zero commission from the clicks it receives. Running a quarterly audit of all Amazon affiliate links across the post library takes approximately two hours for a library of 30 to 50 posts and identifies broken links before they accumulate into a material conversion loss.
The fastest audit method for a Blogger blog is to open Google Search Console, navigate to the Links report, and cross-reference the internal link structure against the list of Amazon URLs used in affiliate posts. Any Amazon URL that has changed since publication appears as a redirect chain or a 404 in the external link data. For each broken link, regenerate the affiliate URL from SiteStripe using the updated product page and replace it in the post HTML view.
Amazon Affiliate Image Links on Blogger: The Compliance Rules That Generate Account Warnings
The Amazon Associates Operating Agreement contains specific rules about product image usage that generate more account warnings among Blogger bloggers than almost any other compliance area, primarily because the correct implementation is counterintuitive for bloggers accustomed to downloading and hosting their own images. Amazon prohibits downloading product images from Amazon and hosting them on any external server, including the Blogger image host. All Amazon product images used in affiliate content must be served directly from Amazon's own image servers.
The compliant method for adding Amazon product images to a Blogger post is to use SiteStripe's "Image" link type rather than downloading the image. In SiteStripe, click "Image" and select the desired image size (typically Medium or Large for in-post product images). SiteStripe generates an HTML snippet containing an iframe or anchor element that pulls the product image directly from Amazon's image servers. This generated code is pasted into the Blogger post editor's HTML view in the position where the image should appear.
The SiteStripe Image Performance Issue on Blogger and How to Address It
SiteStripe-generated image code uses an iframe element for larger image displays, which loads as an external resource from Amazon's servers. On mobile connections, an iframe-embedded Amazon product image adds a separate HTTP request to the page's load sequence that can increase the Largest Contentful Paint metric and affect the post's Core Web Vitals assessment. The mitigation is to add loading="lazy" to the img element within the SiteStripe code, which defers the image request until the reader's viewport approaches the image's position in the post.
To implement this, paste the SiteStripe image code into the Blogger HTML editor and locate the img tag within the generated markup. Add loading="lazy" as an attribute on the img element. Apply this to all Amazon product images that appear below the first visible screen of the post. For hero product images that appear in the first visible screen, do not add lazy loading because these images are part of the Largest Contentful Paint calculation and should load as quickly as possible.
How to Add the Amazon Affiliate Disclosure to Blogger: The Template Method
The Amazon Associates Operating Agreement requires that the phrase "As an Amazon Associate I earn from qualifying purchases" appears on every page of the blog that contains Amazon affiliate links. For a Blogger blog where multiple posts contain Amazon links, adding this phrase to each post individually is inefficient and creates the risk of omissions. The correct implementation adds the phrase to the Blogger XML template so it appears automatically on every page of the blog without requiring post-level configuration.
Adding the Sitewide Disclosure to the Blogger Template Footer
The sitewide disclosure is added through the Blogger Theme editor. In the Blogger dashboard, click Theme, then Edit HTML. Use the browser's Find function (Ctrl+F or Command+F) to search for the closing body tag at the very bottom of the template code. Immediately before this tag, add the following code block. This creates a footer-level disclosure element that appears on every page of the blog automatically.
The inline styles in this code block ensure the disclosure renders correctly regardless of which Blogger template is active and regardless of whether the template's CSS is fully loaded. Save the template and verify the disclosure appears at the bottom of both the homepage and a published post page by viewing the rendered pages in the browser.
The Post-Level Disclosure for High-Density Amazon Posts
For individual posts containing three or more Amazon affiliate links, the FTC's clear and conspicuous placement standard recommends a post-level disclosure at the top of the post body, before the first affiliate link the reader encounters while reading. The sitewide footer disclosure satisfies Amazon's operating agreement requirement for the disclosure phrase to appear on the page, but a reader scrolling through a long post may encounter multiple Amazon affiliate links before reaching the footer. The post-level disclosure at the top ensures the commercial relationship is disclosed before any commercial link is encountered.
The post-level disclosure is added in the Blogger HTML editor as the first element inside the post body, before the first content paragraph. The format used across the Profitackology post library reads: "Disclosure: This post contains Amazon affiliate links. As an Amazon Associate I earn from qualifying purchases at no extra cost to you." This single sentence satisfies both the Amazon-required phrase and the FTC's requirement to name the programme and confirm the reader bears no additional cost from using the links.
Amazon OneLink Setup on Blogger: Capturing International Traffic Commission
Amazon OneLink is the system that automatically redirects international visitors from a US Amazon affiliate link to their local Amazon marketplace, allowing the blogger to earn commissions from UK, Canadian, Australian, and other international readers rather than sending them to a US store page where they cannot easily purchase. Without OneLink, a UK reader who clicks a US Amazon affiliate link generates zero commission regardless of whether they complete a purchase on Amazon UK after following the redirect. With OneLink configured, that same reader's purchase on Amazon UK is attributed to the blogger's UK Associates account.
OneLink requires separate Associates accounts in each international marketplace before it can generate commissions for those markets. Apply to Amazon Associates UK at affiliate-program.amazon.co.uk, Amazon Associates Canada at affiliate-program.amazon.ca, and Amazon Associates Australia at affiliate-program.amazon.com.au. Each application is separate and each marketplace has its own 180-day probation requirement with three qualifying sales.
Adding the OneLink Script to the Blogger Template
Once at least two international Associates accounts are active and the OneLink configuration is completed in Associates Central, the OneLink script is added to the Blogger XML template. In the Theme editor's HTML view, locate the closing body tag at the bottom of the template. Add the OneLink script tag immediately before the closing body tag, after the Amazon disclosure footer added in the previous section. The OneLink script tag is generated in Associates Central under the Tools section and looks like a standard JavaScript include with an Amazon CDN source URL unique to the Associates account configuration.
If the Blogger blog has Accelerated Mobile Pages (AMP) enabled in the Settings, the OneLink script may not execute on AMP-served pages because AMP's JavaScript restrictions prevent third-party scripts from loading in the standard way. AMP is no longer a significant ranking factor for Google Search, and maintaining it for a Blogger blog creates more technical complications than the original AMP performance benefit justifies in the current search environment.
If OneLink is not redirecting international visitors correctly on mobile, check the Blogger Settings for an AMP toggle and disable it if present. Verify OneLink functionality by using a VPN set to a UK or Canadian location, opening a blog post that contains Amazon affiliate links, and clicking a link to confirm it redirects to the correct local marketplace rather than the US store. The correct behaviour is a transparent redirect to the equivalent product on the local Amazon site with the blogger's local marketplace affiliate tag appended.
How Amazon Affiliate Links on Blogger Fit the Broader Income Architecture
The technical setup in this post produces compliant, correctly attributed Amazon affiliate links that are ready to generate commission from reader purchase events. What the technical setup cannot do is guarantee that those links generate meaningful commission volume. The commission volume depends on the content context in which the links appear, the reader intent at the moment they encounter the links, and the traffic volume flowing through the posts that carry the links. All three of these variables are content strategy decisions that precede the technical implementation.
The approach that generates the highest commission per visitor from Amazon affiliate links on a Blogger blog is placing each link at the specific point in a post where the reader's question has shifted from "should I buy this type of product?" to "which specific option is right for my situation?" A reader who has read 800 words of a product comparison and arrived at the recommendation section is in a near-purchase state. An affiliate link at that specific position converts at measurably higher rates than the same link placed in an introductory paragraph where the reader is still in the awareness stage. The principle is the same one that drives the invisible CTA placement framework and applies equally to Amazon product links and SaaS affiliate links.
For the full income mathematics showing how Amazon affiliate commissions compare to SaaS recurring programmes at different traffic levels, and the specific point in the blog's growth trajectory where Amazon Associates begins generating meaningful monthly totals, the complete Amazon affiliate programme review covers the four-variable revenue formula, the per-category commission math, and the sequencing recommendation that produces the highest cumulative income from both income types combined.
For new bloggers who are still in the process of building their first affiliate income layer and want to understand which programmes generate income at under 500 monthly visitors before Amazon's volume-based economics become viable, the no-traffic affiliate approval framework covers the instant-approval SaaS stack that builds the recurring income floor that Amazon Associates supplements at scale.
The Compliance Habit That Protects the Account Long-Term
Amazon's automated compliance system scans affiliate sites periodically and flags specific violations: hardcoded product prices, locally hosted product images, missing disclosure phrases, and self-referral click patterns. Each of these violations has been covered individually in this post and in the compliance-specific guide linked above. The aggregate compliance habit that prevents all of them is a consistent pre-publication checklist applied to every post that contains Amazon affiliate links before the post is published.
The checklist has four items. First, confirm no specific product price appears anywhere in the post text, table, or image caption. Second, confirm every Amazon product image is served from an Amazon image server via SiteStripe code rather than from a locally uploaded image. Third, confirm every affiliate link anchor tag in HTML view carries the rel="nofollow sponsored" attribute. Fourth, confirm the post-level disclosure block appears as the first element in the post body before any affiliate link. These four checks take under two minutes per post and eliminate the compliance violations that close accounts before they generate meaningful income.
Adding Amazon affiliate links to Blogger is technically straightforward once the HTML view insertion method, the SiteStripe image rules, and the template-level disclosure implementation are understood. The setup documented in this post produces a compliant, correctly attributed Amazon affiliate link architecture that works correctly across both desktop and international readers, satisfies both Amazon's operating agreement and the FTC's endorsement guidelines, and integrates cleanly into the broader affiliate income stack without creating the technical debt that comes from using the Compose view shortcuts that strip required attributes. Build the setup correctly once, apply the compliance checklist consistently, and the technical layer requires no further attention as the content library grows.
The Amazon Setup Is the Technical Layer. The Income Floor Is the SaaS Layer.
ConvertKit pays 30% recurring commissions from the first referral at zero traffic, with no probation period and no income floor that resets every month. Build the recurring floor alongside the Amazon setup and the two income streams compound independently rather than competing for the same reader conversion event.
Start ConvertKit Free and Apply to the Affiliate Programme