Perfect Pixel Implementation

Transcription

Perfect Pixel Implementation
Perfect Pixel Implementation
Inform’s Perfect Pixel allows editors to
embed video directly onto website URLs
without having to leave the page or touch
an embed code.
This guide has two sections, one for
editors interested in using Perfect Pixel
to add, remove, or update videos on their
websites. The second section is for developers to prepare their websites to use
Perfect Pixel.
Instructions for Using Perfect Pixel (For Editors)
Install Perfect Pixel on Your Web Browser
1. Implement the PPIX framework with your
DPID
2. Log in to Control Room:
https://dme.newsinc.com/
Place a Video on Your Website
1. Navigate to the (previously set up) page
where you would like a video.
2. Click the “Add Video” bookmarklet. After
login, the Pixel Perfect overlay will appear.
Ensure your publisher ID and preferred player
size appear as expected.
3.Ensure Section, Sub-Section, and Page Type
are selected before placing videos.
4. Perfect Pixel will highlight all of the available
placements for video on the page. Select one
from the drop down menu.
Instructions for Using
Palo Alto
New York
Atlanta
Pasadena
www.inform.com
Perfect Pixel (For Editors), cont’d
Place a Video on Your Website, cont’d
5. Click the “Content” tab and search for a
video.
6. Click “Place on Page” to install the video into
the placement you have selected.
Palo Alto
New York
Atlanta
Pasadena
www.inform.com
Instructions for Implementing Perfect Pixel (For
Developers)
Place NDN “embed.js” script in page header
<script type=”text/javascript” src=”http://launch.newsinc.com/js/
embed.js” id=”_nw2e-js”></script>
Insert Perfect Pixel video placement into page {at least one}
Static Height & Weight:
<div class=”ndn_embed” id=”ndn-video-player-1” data-configdistributor-id=”00000”></div>
Responsive:
<div class=”ndn_embed” id=”ndn-video-player-1” data-configdistributor-id=”00000” style=”width:100%;” data-configheight=”9/16w”></div>
If multiple placements are inserted, be sure to rename the “id=” parameter so each placement is unique:
<div class=”ndn_embed” id=”ndn-video-player-1” data-configdistributor-id=”00000”></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<div class=”ndn_embed” id=”ndn-video-player-2” data-configdistributor-id=”00000”></div>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur.</p>
Have questions or want to know more? Email sales@inform.com or
connect with your Inform contact.
Inform partners with the top online publishers, content providers, and advertisers to drive increased revenue while bringing premium, brand-safe
videos to millions of viewers.
Palo Alto
New York
Atlanta
Pasadena
www.inform.com