© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 1 Viewability Case Studies April 2015 – December 2015.

Slides:



Advertisements
Similar presentations
Use Tables for Layout Control Day 7. You will learn to: Understand Tables Create a Simple Table Modify Your Tables Appearance Create Page Layouts with.
Advertisements

Chapter 3 – Web Design Tables & Page Layout
KRAD Collections UI Review of UI design challenges – work in progress.
15 LAYOUT Controlling the position of elements Creating site layouts Designing for different sized screens.
CSS Layout Crash Course An Advance CSS Tutorial. Inline vs. Block Many HTML elements have a default display setting of Block. Block elements take up the.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
New Semantic Elements (Part 1). Semantics Explained The textbook definition of "semantics" is the study of the relationship between words and their meanings.
Interface Programming 1 Week 5. Interface Programming 1 CALENDAR.
COS 125 Day 25. Agenda  Assignment #7 Due  Final capstone progress report due next class  Assignment #8 Posted Due April 25 One more to go  Exam #5.
Using HTML Tables.
Chapter 6 Working with Frames.
 You've probably come into contact with web sites in which the browser window seemingly allowed you to move around between several different pages. 
Lecture on: Frames. FRAMES VERSUS TABLES Frames allow part of the page, usually a navigation bar, to stay put.
1 The Structure of a Web Table beginning of the table structure first row of three in the table end of the table structure table cells You do not need.
MRC VIEWABLE IMPRESSION RECONCILIATION PROCESS: PHASE 3 RESULTS AND MOVING FORWARD Presented to IAB 3MS Educational Forum July 8, 2015.
A North West Retailer’s Journey To Mobile Ecommerce By Space 48.
AdWords Instructor: Dawn Rauscher. Quality Score in Action 0a2PVhPQhttp:// 0a2PVhPQ.
CSS Box Model. What is the CSS Box Model? The “Box Model” is a tool we use to lay out our web pages in a number of individual "boxes" or "containers".
242/102/49 0/51/59 181/172/166 Primary colors 248/152/29 PMS 172 PMS 137 PMS 546 PMS /206/ /227/ /129/123 Secondary colors 114/181/204.
Adding Images & Working with Images Unit 2. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: To display Art To display Photographs.
Working with Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of a document.
Principles of Web Design 6 th Edition Chapter 7 – Page Layouts.
XP Using Frames in a Web Site Ali Alfayly. XP Tutorial Objectives Create frames for a Web site Control the appearance and placement of frames Control.
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
Basic Responsive Design Techniques. Let’s take a look at this basic layout. It has a header and two columns of text, in a box that is centered on the.
Copyright © 2002 Pearson Education, Inc. Slide 8-1.
 Word doc for you to download › Link at the beginning of class › 10 Questions › Answers to be added inline  Post to Sakai when completed › No resubmits.
Confidential Post-Newsweek Training: DFP March 2010.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 7: Working with Frames Kelly L.
Designing a Web Page with Tables. A text table: contains only text, evenly spaced on the Web page in rows and columns uses only standard word processing.
 Remember that HTML is just text  Need to point to pictures  Use the img tag  alt: › screen reader › REQUIRED for this class and to validate.
Lesson 05 // Web Design, Layout & Structure 1.Web Design/Designer-Coder Relationship 2.Fixed vs Fluid Website Layouts 3.Screen Resolutions.
Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.
242/102/49 0/51/59 181/172/166 Primary colors 248/152/29 PMS 172 PMS 137 PMS 546 PMS /206/ /227/ /129/123 Secondary colors 114/181/204.
Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.
Tutorial #6 – Creating Fixed Width Layouts. Tutorial #5 Review – Box Model Every html element is surround by a box Content, Padding, Border, Margin Can.
For the World Wide Web Designing with Frames.  One of the most popular climbing schools in Colorado is Cliff Hangers. Located in Bolder, Cliff Hangers.
Introducing the. The Hover Ad is the next generation in Rich Media, only available through Internet Broadcasting. This ad is designed to give local advertisers.
***Adding items to your Etudes Homepage*** Log into Etudes
PRINTING & PAGE BREAKS 1 Nolan Tomboulian Tomboulian.Wikispaces.com.
CIS234A- Lecture 7 Instructor Greg D’Andrea. Tables A table can be displayed on a Web page either in a text or graphical format. A text table: – contains.
audio video object Options: controls autoplay Need to define height and width Options: controls autoplay.
Unit 4 Create and Use Tables. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date: 09/08/2009 Period : Summary: Reasons for using tables Unit 4 Page 1 Display.
January 2011 InsightExpress’ Mobile InsightNorms.
Updated on: September 4, 2010 CIS67 Foundations for Creating Web Pages Professor Al Fichera.
Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.
Web Site Development - Process of planning and creating a website.
 Add one element at a time  If it doesn’t do what you want, › Delete it › DON’T just keep piling on more items.
1 Company Confidential Need a Mobile DotNetNuke Site? Get One the Quick and Easy Way Using CSS Media Queries Amelia Marschall Partner & Creative Director.
TACCM 2015 Conference Viewability and Attribution: How Successful Is Your Online and Mobile Recruitment Campaign?
Web Design Principles. Designing a Website Choice of a site color scheme. Choice of text font and size. Placeholder text. Use of white space. Location.
242/102/49 0/51/59 181/172/166 Primary colors 248/152/29 PMS 172 PMS 137 PMS 546 PMS /206/ /227/ /129/123 Secondary colors 114/181/204.
Cascading Style Sheets for layout
Cascading Style Sheets Layout
Viewability Case Studies
Section 6.1 Section 6.2 Write Web text Use a mission statement
Implementing Responsive Design UNIT I.
Benchmark Methodology - Update
Basics of Website Development
Viewability Terms & Conditions Summary
Fixed Positioning.
Enhancing Student Learning and Retention with Community Partnerships
Benchmark Methodology - Update
Resolving Resolutions
Floating and Positioning
Web Design Principles.
Positioning.
Elements of Effective Web Design
Multipage Sites.
Various mobile devices
Presentation transcript:

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 1 Viewability Case Studies April 2015 – December 2015

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 2 TABLE OF CONTENTS Challenges & Solutions – page 3 Methods – page 5 CASE 1 – Changing Layout & Ad Placement – pages 5-8 CASE 2 – Stationary/Floating Ad – pages 9-11 CASE 3 – Stationary/Floating Ad – pages CASE 4 – Lazy Loading Ad – pages CASE 5 – Mobile Responsive Ad Serving – pages 18-20

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 3 CHALLENGES & SOLUTIONS Challenges: 1.Publishers are facing the challenge on standard ad sizes, that at least 50% of an ad must be in-view at least 1 second. With new technologies that can measure viewability, the MRC recommends that publishers strive for at least 70% viewability for each campaign. 2.It would be easy for the publisher to eliminate all ad placements below the recommended threshold, but the impact on inventory could be devastating. Solutions: The following case studies will show specific techniques publishers can implement that are proven to increase viewability or maintain high viewability and inventory. 1.Ad placement or web page layout 2.Stationary/Floating Ads 3.Lazy Loading Ad 4.Mobile Responsive Ad Serving

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 4 METHODS Tools: Moat & comScore were used to obtain viewability metrics Both tools are accredited by the MRC, but there are significant discrepancies in viewability metrics between the tools The point of using two tools is not to get them to agree on the metrics themselves, but getting them to agree that the changes made in each case study resulted in an improvement in viewability metrics in both tools Date Ranges: Pre date ranges match post date ranges by length of time and days of the week Significance: All % differences were tested for statistical significance

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 5 CASE 1 – CHANGING LAYOUT & AD PLACEMENT - GOALS Goal: Improve viewability by: Removing ad placements with low viewability Shifting ad positions to keep ads in-view for longer periods of time Specific Changes: At top, moved the 728x90 from the top of the page to beneath the logo, directly above navigation On right, put a combo ad higher on the page for any sizes within max width of 300 to max height of 600 Removed 728x90 ad at the very bottom of the page Added a stationary/floating ad to the left side of the page, it will only show if the resolution of the browser allows for it

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 6 CASE 1 – CHANGING LAYOUT & AD PLACEMENT – VISUALS BEFORE AFTER Floating Ad

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 7 CASE 1 – CHANGING LAYOUT & AD PLACEMENT – RESULTS Results for In-View %: Moat: 101% improvement of In-View % with an increase of 40 percentage points. comScore: 72% improvement of In-View % with an increase of 25 percentage points.

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 8 CASE 1 – CHANGING LAYOUT & AD PLACEMENT – RESULTS Results for In-View Time: Moat: 91% improvement of in-view time with an increase of 18 seconds on all viewable ads. comScore: 3% improvement of in-view time moving to 5+ seconds in-view with a decrease of 10% in the 1-4 second bucket.

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 9 CASE 2 – STATIONARY/FLOATING AD – GOALS Goal: Improve time an ad remains viewable by: Keeping the ad in one position and having it follow a person when they scroll down the page Specific Changes: Removed all 160x600 ads from all current placements Added a new placement that floats to the left of the regular body of the page, this placement tracks down the page as the visitor scrolls down the page If the browser resolution is too small, the ad will not appear, therefore, it won’t be counted in the amount of measureable impressions

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 10 CASE 2 – STATIONARY/FLOATING AD – VISUALS Floating Ad

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 11 CASE 2 – STATIONARY/FLOATING AD – RESULTS Results: Moat: 144% improvement for In-View Time with an increase of 38 seconds per ad. This is higher than 91% improvement and 18 second increase of all ads in the first case study, indicating that the stationary ad has a higher time in-view than other ads. comScore: 29% decrease in visitors who saw the ad between 1-4 seconds and a 5% increase in visitors who saw the ad 5 seconds or more. This is an improvement over the first case study that only saw a 3% push to the 5+ second bucket, indicating that the stationary ad has a higher time in-view than other ads.

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 12 CASE 3 – STATIONARY/FLOATING AD – GOALS Goal: Improve time an ad remains viewable by: Keeping the ad in one position and having it follow a person when they scroll down the page Specific Changes: Added a new placement that floats to the left of the regular body of the page, this placement tracks down the page as the visitor scrolls down the page If the browser resolution is too small, the ad will not appear, therefore, it won’t be counted in the amount of measureable impressions

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 13 CASE 3 – STATIONARY/FLOATING AD – VISUALS BEFORE AFTER Floating Ad

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 14 CASE 3 – STATIONARY/FLOATING AD – RESULTS Result metrics from Moat (comScore metrics improved similarly) Floating Ad Results: 94% in view with 45 seconds in-view time! Total Results: increase of 25% for viewability and 2% for in-view time.

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 15 CASE 4 – LAZY LOADING – GOALS Goal: Improve viewability by: Adding in placements in a poorly viewed section of the page by using an ad that only loads when someone is actually viewing that part of the page Specific Changes: At bottom of the page, replaced a 728x90 placement with a lazy load ad The ad within this placement is “lazy-loading” it will only come into view when a visitor scrolls to that part of the page.

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 16 CASE 4 – LAZY LOADING – VISUALS Lazy Loading Ad BEFORE AFTER

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 17 CASE 4 – LAZY LOADING – RESULTS Result Metrics from Moat: 24% increase in viewability -18% decrease in viewable inventory In-View time remained the same

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 18 CASE 5 – MOBILE RESPONSIVE - GOALS Goal: Improve viewability by: Removing ads that don’t display correctly on mobile devices Adding in ads that do display correctly on mobile devices Specific Changes: Since 160x600 do not get a great viewability on a mobile device, the site makes the 160x600 ad disappear when a person views on mobile The 728x90 does not appear correctly on the mobile device (unless the creatives are mobile responsive (which in most cases they are not), so the 728x90 now disappears when a person views on mobile The 300x250 was being pushed all the way to the bottom of the mobile device, it is now programmed to appear at the top of the mobile device (below the logo and navigation).

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 19 CASE 5 – MOBILE RESPONSIVE - VISUALS BEFORE AFTER

© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 20 CASE 5 – MOBILE RESPONSIVE - RESULTS Result Metrics from Moat : 106% increase in viewability on mobile devices In-View time decreased by -33%, however, Moat benchmarks are 15.8 seconds on mobile and 24.8 seconds on desktop. Therefore, both numbers are still well over benchmarks.