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