How to Add an Affiliate Disclosure to the Top of a Blog Post

How to Add an Affiliate Disclosure to the Top of a Blog Post
122 Shares
This post may be sponsored or contain affiliate links, which means I may receive a small commission, at no cost to you, if you make a purchase through a link. Read my promise and full disclosure here.


In order to be compliant with FTC regulations, you need to add an affiliate disclosure to the top of a blog post if it contains affiliate links. Specifically, the FTC says that affiliate disclosures need to be placed before the affiliate links. They also need to be clear and conspicuous. I have used two methods to add an affiliate disclosure to my blog, and each has it’s own merits.

Note, I’m no legal expert and this post may not cover everything you’ll need to be in compliance. Read the FTC’s guidelines on affiliate marketing specifically here.

Method #1: Insert an Image

This method is the simplest of the two methods to add an affiliate disclosure to the top of a blog post. I started with an icon from https://smashicons.com/. In PicMonkey, my favorite online photo editor, I created an image with the icon on the left. Then I added a text block and pasted in my disclosure next to it.

Here’s how that looked:

Initially, I inserted that image into the very top of every blog post. This did get to be tedious, though, and it was forever throwing off my Yoast SEO plugin.

Pros

  • Fast to set up and create
  • Easy to insert into each post
  • Control which post the disclosure is displayed on

Cons

  • Using an image means the text gets hard to read when the image is resized smaller for mobile screens
  • This limits the readability for mobile users
  • Your SEO plugin might not like an image being the first thing listed in a post

Method #2: Custom Code It

This method is a little more complicated to set up, but the results are by far better. For this method, I use a combination of a little html code and css styling. If you’re not familiar with how to work with either one of those, don’t panic!

I have copy and paste magic just for you.

For my affiliate disclosure message, I wanted to mimic the image I had created first but with code. Coding the disclosure would allow me to provide a better display experience, especially on mobile devices. My updated coded disclosure looks like this now:

Mom Goes Mental Affiliate Disclosure

Here is a code snippet ready for you to customize with your own icon and disclosure:

<div class=”disclosure”><img class=”alignleft  wp-image-1627″ src=“YOURIMAGEURL” alt=”” width=”50″ height=”50″></div><em>YOUR DISCLOSURE TEXT HERE. Read <a href=“LINKTOFULLDISCLOSURE”>my full disclosure here</a>.</em>

*Copy and paste as plain text.

I wanted to use css to style the disclosure, so I added this to my stylesheet. The best way to do this in WordPress is to select “Appearance > Edit CSS” in your WordPress menu. This prevents it from being erased if you update your theme later.

Here is the css snippet I used:

.disclosure {
padding: 10px;
vertical-align:middle
}

*Copy and paste as plain text.

I ended up adding a couple more <div></div> tags to my disclosure code and additional styling rules to my css snippet, but these mostly just helped me further customize alignment. If you want to see more ways to customize your own css code, I’d recommend checking out W3Schools.

Pros

  • No more issues with image resolution
  • Fully responsive so it’s visible no matter what size screen my reader has
  • Easy to customize without having to create a new graphic

Cons

  • More complex to create
  • Html and css knowledge are helpful

Automatically Add an Affiliate Disclosure to the Top of Every Post

If you don’t use affiliate links or sponsored content often, you may not need to add an affiliate disclosure to the top of every blog post. However, I’m a big supporter of monetizing your blog with affiliate marketing. If you need to add an affiliate disclosure to all of your posts, that can be done automatically with the help of a plugin.

This assumes that you’re on a self-hosted WordPress site.

I was already using an advertising plugin to manage my advertisements, so I adapted it suit my needs.

Using AdRotate, I created an advertisement. Here is where I pasted the code I created for my disclosure. Then I created a Group. In AdRotate, Groups allow you to set where you’d like your disclosure to be displayed. Options include before post content, after post content, or within the content.

Automatically Add an Affiliate Disclosure to Top of a Blog Post

Being able to include/exclude specific post categories also helps me make sure no other ads are displayed in my Sponsored posts, often a contractual obligation when working with brands.

To add an affiliate disclosure to every blog post, I simply set up a Group to display above the content of every post.

There are also other plugins that allow you to set up content to be displayed above every blog post. While I love AdRotate because it is so customizable even with the free version (which I use), and I can use it for both my disclosure and my advertising, you can use any plugin really. Those can typically be found by using the search terms, “top of every post.”

If you’re publishing sponsored or affiliate content often, one of these methods will definitely help you add an affiliate disclosure to the top of your blog posts. Feel free to ask any questions in the comments below—or drop a link to a blog post of yours so we can see what your custom disclosure looks like!

122 Shares
Tags: , , ,

Related Posts

Previous Post Next Post

Leave a Comment

117 shares