CodingGoogle Ad Manager

How to create Native Ads in Google Ad Manager?. Step by Step Tutorial.

Native ads are trending and most interactive ads in the current adverting industry. Native ads are popular because it will look like site content and generate more yield to the publishers and getting more sales in Advertiser prospective too.

What skill you need to serve Native Ads?

You don’t need to be expertise in coding but need to understand the basic HTML and CSS.

What if I don’t know the coding knowledge?

Don’t worry about it. I’ve uploaded the sample codes for reference. You can alter or change the color and style from those codes. It is easy to edit.

Steps to create Native ads in Google Ad Manager.

  1. Login your account
  2. Goto –> Delivery –> Native –> Create Native Ad

3. Select “HTML & CSS editor”

4. Create Format for the native ads, which include the variable which you need in the native template
* Headlines
* Body
* Thumbnails

Remember this step, Format name which you provided here will be appear in the line item settings when you add “Ad size”

Example format here:

5. Next step to create a style for your Native Ads. Style mean how your ad to be appear on the site.

6. Add the following code in the “HTML” snippet


<div class="sponsored-post">
    <div class="thumbnail"></div>
    <div class="content">
        <h1><a href="%%CLICK_URL_UNESC%%%%DEST_URL_ESC%%" target="_blank">[%Headline%]</a></h1>
        <p>[%Body%]</p>
        <div class="attribution">SPONSORED</div>
    </div>
</div>

7. Then add “CSS” for your Native ad. So that it will appear as like the site content.

.sponsored-post {
    background-color: #fffdeb;
    font-family: sans-serif;
    padding: 10px 20px 10px 20px;
}

.content {
    overflow: hidden;
}

.thumbnail {
    width: 120px;
    height: 100px;
    float: left;
    margin: 0 20px 10px 0;
    background-image: url([%Image%]);
    background-size: cover;
}

h1 {
    font-size: 18px;
    margin: 0;
}

a {
    color: #0086b3;
    text-decoration: none;
}

p {
    font-size: 16px;
    color: #444;
    margin: 10px 0 10px 0;
}

.attribution {
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 2px;
    background-color: #ffd724;
    border-radius: 2px;
    padding: 4px;
}
   

8. Once you added the CSS, You can see the native preview in on the template with colorful text as per your requirement.

9. Final step to target “Ad unit” under the inventory so that it will deliver when use the native style in Line item.

10. Successfully created “Native Ad” template for your site now.

How to traffic Native Ads in Line item?

  1. Create a order as a first step.
  2. Add line item type as “Display”
  3. Enter required fields “Name, Line Item Type, Expected creatives (“Native_Ad_test”), – Style name of Native ad.
  4. Remaining things are common and make sure to add “Ad unit” under “Inventory”

Ad Unit Targeting

Creative Upload Method

Click add creative –> Upload New Creative –> Native Format –> Select the format Name

  • Add click URL,
  • Headline
  • Body

Save the creative and see the final preview of your Native ad.

Hope this article helps you all. Thank you!!!!!

*The information contained in this post is for general information purposes only. The information is provided by How to create Native Ads in Google Ad Manager?. Step by Step Tutorial. and while we endeavor to keep the information up to date and correct, we make no representations or warranties of any kind, express or implied, about the completeness, accuracy, reliability, suitability or availability with respect to the website or the information, products, services, or related graphics contained on the post for any purpose.

Enable Notifications OK No thanks