Add code for native ads
When you choose the HTML & CSS editor option for native ads, you add HTML and CSS code to customize and style your native ads. This article provides tips and samples for adding the code.
Native style sample
Here’s an example of HTML and CSS in a native style for a fluid, in-feed placement. This native style is based on a “sponsored post” native ad format with Headline, Image, and Body variables.
|Code type||Sample code|
|HTML with variables||
|CSS with variables||
This native style will convert native creative components like this:
|Headline||The 30 Fastest Growing Jobs|
|Body||According to the U.S Bureau of Labor Statistics, these occupations will grow the most in the next 10 years. The list might surprise you.|
Into a native ad that looks like this:
Please include only the snippet relevant to the ad, as including a full HTML document will prevent the display of ads in some browsers, including Internet Explorer. For example, don't include <doctype> or <html> tags — see the example above.
You may need to collaborate with your web or app developer to create the code.
You can also click Insert macro and use the following buttons to help build your HTML:
- CacheBuster: Ensure that a fresh call is made to the ad server every time the code is executed, so you’re accurately counting impressions. Learn more.
- Click (recommended): Track clicks if your code snippet doesn’t contain special characters. Learn more.
- Click-through URL: Specify the creative's landing page that should appear when someone clicks the ad. Learn more.
- Escaped click: Track clicks if your code snippet contains special characters (e.g. '&', '?', '%') in its click-through URL. Learn more.
Provide CSS code that indicates how your native ad will appear. See the example above.