How to Create Native Video Ads?. How to serve in Ad manger (DFP)?. Step by Step Tutorial.

Hits: 522

How to Create Native Video Ads?. How to serve in Ad manger (DFP)?.

Many publishers got confused that Google changed DFP to Ad manager. UI Updates and more inbuilt option to generate tags and templates. It might be look like confusing but easy if you follow the few steps,

Follow the below steps to create Video Native ads:

Ad unit creation:

  1. This is the first step to decide because from here you need to define size for your ad.
  2. You can enter Fluid or Fixed size (eg: 300×250) based on your requirement.
  3. Once you decided, Login Ad Manager –> Inventory tab –> Ad Unit –> Create Ad unit –> Size (Fixed) –> Fluid —>Save.
  4. Ad Unit Creation is Done.

Native Style Creation:

  • Login Ad Manager –> Delivery Tab (on the side panel) –> Native –> Create Native ad
  • Select CSS & HTML EditorSelect your native ad
  • Provide Name for your native format “Eg: Test_Video_Native”
  • Ad size : Fluid ( You can change size as per your need)
  • Select “New Format”Select Size and Format
  • Provide Format name (This will be the Ad slot size appears while creating ad unit)
  • Add “Variable” as per your native design (Image, text, URL, etc)

  • Click Continue at “Bottom- Right” corner.
  • Copy the below code and paste it in HTML
<div class='title'>
<a class='title-link' href='%%CLICK_URL_UNESC%%%%DEST_URL%%' target='_top'>[%Headline%]</a>
<div class='video'>
#%NATIVE_VIDEO_WRAPPER%#
</div>
</div>
  • HTML

  1. Copy the below code and paste it in CSS
.video {
  display: flex;
  height: 100%;
  width: 200px;
}

.video div {
  display: flex;
}

CSS
  • The DIV which mentioned below is default placeholder to upload video files in Ad manager just like Variable we define to add text or image files.
<div class='video'>
#%NATIVE_VIDEO_WRAPPER%#
</div>

  • Below tag for adding click functionality to the headline variable
<a class='title-link' href='%%CLICK_URL_UNESC%%%%DEST_URL%%' target='_top'>[%Headline%]</a>
  • The DIV which mentioned below is default placeholder to upload video files in Ad manager just like Variable we define to add text or image files.
  • Customization and looks will be designed as per your requirement by using CSS and HTML 
  • Continue  –> Choose Inventory –> Ad unit created in First Step
  • Finally click “Save and Finish”Choose Inventory
  • You are Good to traffic video Creatives now.

Line Item creation:

  • Goto —> Delivery –> Orders –> New Order –> Line Item –> Ad slot size ( Test_Video_Native)
  • Do normal settings as usual (Date range, Priority etc..)
  • Target “Native Ad unit” which assigned in second step.
  • Click Save and upload Creatives

Creative Upload instruction:

  • Goto –> Native –> Search the Style name (Test_video_Native) provided while creating native styles in second step.
  • Add User defined variables (Headline and Click URL”)Headline
  • Then default video variable. Upload your native video here,Video File
  • Save the creative.
  • Note: If you click the video , click URL will goes to empty. Don’t be panic. It will work correctly in live site.
  • Set the order live and enjoy your native ad serving.

Hope this helps you!!!!. Feel Free to provide suggestions and comments.

Thank You!!!!!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.