Viewability Case Studies

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
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.
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.
 You've probably come into contact with web sites in which the browser window seemingly allowed you to move around between several different pages. 
A North West Retailer’s Journey To Mobile Ecommerce By Space 48.
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".
© 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.
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.
Author: Sali Allister Date: 10/01/2012 COASTAL Google Analytics Report September 2011– December /09/2011 – 08/12/11.
 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.
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.
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
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.
January 2011 InsightExpress’ Mobile InsightNorms.
Updated on: September 4, 2010 CIS67 Foundations for Creating Web Pages Professor Al Fichera.
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.
© 2015 eHealthcare Solutions, Inc. Proprietary and confidential. 1 Viewability Case Studies April 2015 – December 2015.
Mimi Opkins.  One of the major benefits of using CSS is that you’re not forced to lay your sites out in tables.  The layout possibilities of CSS give.
CIS101 Introduction to Computing Week 07 Spring 2004.
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
Section 6.1 Section 6.2 Write Web text Use a mission statement
Implementing Responsive Design UNIT I.
CSS Box Model.
CNIT 131 HTML5 - Tables.
Benchmark Methodology - Update
>> Navigation and Layouts in CSS
Implementing Responsive Design
4 Website Design Aspects That May Be Damaging Your SEO Campaign
Web Design Principles.
CS 321: Human-Computer Interaction Design
Basics of Website Development
Facebook Measurement Announcement
Working with Tabs and Tables
Viewability Terms & Conditions Summary
LAB Work 02 MBA 61062: E-Commerce
Cascading Style Sheets for layout
PLANNING FOR THE VIEWABLE FUTURE
Tutorial 8 Designing a Web Site with Frames
Creating a Baseline Grid
CS3220 Web and Internet Programming Page Layout with CSS
Fixed Positioning.
Enhancing Student Learning and Retention with Community Partnerships
Benchmark Methodology - Update
Tutorial 8 Designing a Web Site with Frames
Resolving Resolutions
Floating and Positioning
Web Design Principles.
Positioning.
New Semantic Elements (Part 1)
Elements of Effective Web Design
Multipage Sites.
CSS Box Model.
CSS Box Model.
Web Design Principles.
Various mobile devices
FAFSA on the Web Simplification
Presentation transcript:

Viewability Case Studies April 2015 – December 2015

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 12-14 CASE 4 – Lazy Loading Ad – pages 15-17 CASE 5 – Mobile Responsive Ad Serving – pages 18-20

challenges & solutions 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. 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. Ad placement or web page layout Stationary/Floating Ads Lazy Loading Ad Mobile Responsive Ad Serving

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

CASE 1 – CHANGING LAYOUT & Ad Placement - Goals 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

CASE 1 – CHANGING LAYOUT & Ad Placement – Visuals BEFORE AFTER Floating Ad

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.

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.

CASE 2 – Stationary/floating ad – Goals 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

CASE 2 – Stationary/floating ad – Visuals

CASE 2 – Stationary/floating ad – 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.

CASE 3 – Stationary/floating ad – Goals 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

CASE 3 – Stationary/floating ad – Visuals BEFORE AFTER Floating Ad

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.

CASE 4 – Lazy Loading – Goals 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.

CASE 4 – Lazy Loading – Visuals BEFORE AFTER Lazy Loading Ad

CASE 4 – Lazy Loading – Results Result Metrics from Moat: 24% increase in viewability -18% decrease in viewable inventory In-View time remained the same

CASE 5 – Mobile Responsive - Goals 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).

CASE 5 – Mobile Responsive - Visuals BEFORE AFTER

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.