Implementation Guide

Similar documents
Lesson 5 Introduction to Cascading Style Sheets

Xerte. Guide to making responsive webpages with Bootstrap

Lava New Media s CMS. Documentation Page 1

1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites

Standard Design Reference

Overview of the Adobe Dreamweaver CS5 workspace

Total Living Choices (TLC) Web Application Embedding and Implementation Manual

Job Board v3 Remote Template Branding Guide for Web Developers

ENGAGEMENT PRODUCT SHEET. Engagement. March 2018

CUSTOMER PORTAL. Custom HTML splashpage Guide

GRAPHIC WEB DESIGNER PROGRAM

Using AJAX to Easily Integrate Rich Media Elements

OU EDUCATE TRAINING MANUAL

Joomla! Frontend Editing

Lesson 1 using Dreamweaver CS3. To get started on your web page select the link below and copy (Save Picture As) the images to your image folder.

Dreamweaver Basics Outline

Affiliate Program. Powered by. What you will find in this Advertiser Checklist: The Advertiser Checklist

How to set up a local root folder and site structure

Designing Personalized Experiences For Your Brand

ebooklet Special Your content and the publisher s content in one special topic

Build Site Create your site

Website Name. Project Code: # SEO Recommendations Report. Version: 1.0

NAVIGATION INSTRUCTIONS

DISPLAY GUIDELINES. December 2018

HTML5 Creatives. MediaMath now supports HTML5 Creatives. Each T1AS HTML5 Creative must be uploaded with the following 2 components:

PRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA

AGENDA :: MULTIMEDIA TOOLS :: (1382) :: CLASS NOTES

Contents. Acknowledgments

CMS Training. Web Address for Training Common Tasks in the CMS Guide

Web Development & Design Foundations with HTML5

Design Importer User Guide

AN OVERVIEW OF SEARCHING AND DISCOVERING WEB BASED INFORMATION RESOURCES

Website Report for facebook.com

Guidelines to Write on history website

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.

EPiServer Content Editor s Guide

TECHNICAL SPECIFICATIONS DIGITAL Q1-2019

Rich Media Advertising Mocean Mobile Advertising Network

Decision Manager Premium for DFP Technical Integration Guide. Version 3.4

Figure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel.

BulletinHealthcare Advertisement Specifications

Flash Ads. Tracking Clicks with Flash Clicks using the ClickTAG

HTML 5 and CSS 3, Illustrated Complete. Unit L: Programming Web Pages with JavaScript

master ad specifications.

Search Application User Guide

Shazam Brand Takeover

FCKEditor v1.0 Basic Formatting Create Links Insert Tables

Tablet 300x x x x1024

Country Communication Pages

Website Report for bangaloregastro.com

Online Advertising Specification

Tutorial 4. Activities. Code o Editor: Expression Web o Focus : Base Layout, navigation with folders, external stylesheets, Open up Expression Web

TripAdvisor. TECHNICAL SPECIFICATIONS Standard Ads

Foundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC

HTML Syllabus Instructor: TBD

Shazam Brand Takeover

Guidelines for work on the Genebank KB site

Virto SharePoint Forms Designer for Office 365. Installation and User Guide

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) More on Relative Linking. Learning Objectives (2 of 2)

SEO Toolkit Magento Extension User Guide Official extension page: SEO Toolkit

Website Audit Report

Documentation on the Kentico CMS tool is available at

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) What is JavaScript?

Design Document V2 ThingLink Startup

E-Business Systems 1 INTE2047 Lab Exercises. Lab 5 Valid HTML, Home Page & Editor Tables

Criterion D: Product design

Understanding this structure is pretty straightforward, but nonetheless crucial to working with HTML, CSS, and JavaScript.

Worldnow Producer. Stories

Apps from K15t Software help teams work better together in Confluence and Jira.

SALESFORCE DMP SUPERTAG USER GUIDE 00. SuperTag User Guide VER. 2, UPDATED 1/16. Rights Reserved, Proprietary &

Online Creative Production Guidelines

Customer Support Guide. How to insert a photo into a tile in WX

Website Creating Content

Blog Pro for Magento 2 User Guide

Web Content. Overview. Web Content Mini WYSIWYG Editor

MPT Web Design. Week 1: Introduction to HTML and Web Design

Class #7 Guidebook Page Expansion. By Ryan Stevenson

Search Engine Visibility Analysis

Adobe Marketing Cloud Best Practices Implementing Adobe Target using Dynamic Tag Management

Customer Support Guide How to insert a photo into a tile in WX

Create a Web Page with Spry Navigation Bar. March 30, 2010

Deccansoft Software Services

Web Site Documentation Eugene School District 4J

ROS Banner Rates $2,000 + $1,000 + Open Rate Leaderboard (728x90) $2.00 $ Medium Rectangle (300x250) 2.00

Metropolitan Community College, Kansas City. CMS Editor Training. mcckc.edu website content management

Table of Content. Description:

Integrating Facebook. Contents

JANUARY 2018 PRIVATE MEDIA CREATIVE SPECIFICATIONS

The Black Magic of Flash SEO

TECHNICAL SPECIFICATIONS - DIGITAL 2018 DISPLAY / VIDEO / ARCH TEMPLATE / NATIVE ADS / PARALLAX SCROLLING / ING / ROOFTOP STATIC VIDEO

Links Menu (Blogroll) Contents: Links Widget

The Text scrap sheet is also needed for copying image and webpage URLs for easy access. Additionally you will use it to look at HTML when needed.

Mark Scheme (Results) January Pearson Edexcel Level 2 Diploma In Digital Applications. Unit 5: Coding for the Web

AGENDA. :: Add Meta Tag for Viewport (inside of head element): :: Add Script that renders HTML5 elements for older versions of Internet Explorer

Web Manager 2.0 User s Manual Table of Contents

iframes And Dynamic Keywords

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6

This presentation is copyrighted by ProSites, Inc. No part of this presentation can be copied, reproduced, displayed or changed without the express

Europcar International Franchisee Websites Search Engine Optimisation

Quick Online Shop Documentation

Transcription:

Leaders of Contextual Marketing Be Relevant. Be Seen. Implementation Guide Effective: November 2017 Vibrant Media GmbH Neuer Wall 59 20354 Hamburg www.vibrantmedia.com kontakt@vibrantmedia.com

When Vibrant code is added to a web page our system scans the page searching for relevant words, phrases and meta data. These are then matched against the Vibrant database of suitable advertisers and/or content. Vibrant In-Text The selected advertising words are identified in green with double underlines. Once a user mousesover the highlighted word, a clickable unit (called a Tooltip ) will appear. The Tooltip contains an advertiser message and gives the user the option to click through to the message in the unit. Vibrant In-Image Images that meet both size requirements (min of 200 175 px) and brand safety elements will have image overlay ads appear. All image ads are anchored to the bottom of the image and only appear within the frame of the image. Quality Guidelines for Publishers Content NOT accepted by Vibrant: Violence Pornography Graphic or extreme sexual references (words and/or images) Weapons Gambling Illegal activities Material that violates intellectual property rights of third parties or promotes software piracy User generated content should be monitored for profanity and explicit terms The website should NOT: Copy or frame content that is owned by another party Provide incentives for users to click onto advertisements Automatically install or force a user to download files/programs Link to other websites that offer unapproved content as mentioned above Page 2 of 5

Implementing Code Vibrant will provide you a JavaScript tag that will allow our technology to run on your website. The correct placement of these tags is essential for performance. The JavaScript code must be placed just before the close BODY tag (</body>) of your web pages. Vibrant code is designed to be the last element to load on a web page. Typical load time is 1 second or less after all other scripts, text and images load. Example of proper Code Implementation:* <!-- start Vibrant script section -- > < script type= text/javascript src= http://yourdomain.us.intellitxt.com/ intellitxt/front.asp?ipid=1234 >< /script > <!-- end Vibrant script section-- > < /body > < /html > *This is only an example, please use the correct tags provided specifically for your web site. Please note: The JavaScript line should never be broken; it must be on a single line. The JavaScript must always be placed just above the close </body> tag. Only add the Vibrant code to pages you want Vibrant ads to be applied preferably content rich pages. Avoid placing tags on Forms, Thank You or other pages with little to no content. Vibrant code will be limited to running on the domain of your web site. If you have other domains you would like to run us on, please let your account manager know. They will evaluate each site and if approved, new tags will be issued for that site. For partners who have complex site templates or content management systems that may be difficult to manipulate, Vibrant code will work efficiently without need for optimization; however, for graphically heavy or long content pages it may take a couple additional seconds for the page to fully contextualize. Note: The Vibrant relevancy & optimization technology benefits from having our ad code on all pages of a site (including Home and Index pages). Please place relevant Page 3 of 5

code across the site and send a note to your account manager with any URLs where you don t want Vibrant links to appear. Customizing Vibrant Code By default, Vibrant scans every text word on a web page in search of relevant keywords and images. When we set up your Vibrant account, we go through the content pages and pick the Classes, IDs and HTML elements of the areas where Vibrant ads should not be served in. These we add as exclusions in order to ensure that i.e. titles, subtitles, headers and teaser texts do not show any Vibrant ads. Navigation lists, forms, iframes, ad links and hyperlinks are excluded from Vibrant ads by default. In cases we are not able to do these exclusions for you, we will get in touch with you and find a solution. This would be the case if a) there is no HTML style element associated with that particular content area, b) there is no CSS CLASS/ID associated with that particular content area or c) your site uses the same CSS CLASS/ID also for content where we want to serve Vibrant ads. Troubleshooting Can t see ads? There could be several reasons that Vibrant ads would not display properly on your pages. Please review the above instructions first to ensure that the Vibrant code is implemented correctly on your pages. Once this is verified, provided below is a list of common issues our partners have experienced during implementation: Did you place the JavaScript tags at the bottom of your pages just before the </body> tag? Did you place the JavaScript on web pages served from the same domain listed in your Vibrant Agreement? In other words, if you requested tags for mysite.com then your pages must be served on pages from that domain. Did you use the correct tags for the content of your page? For example: On pages with computer related content, you must use the tag provided for your computer pages. Is your browser JavaScript enabled? Lastly, it is possible (albeit not common), that there may not be suitable advertisers for some of your pages at this time. Also, the advertising we provide is country specific as determined by your IP address. Hence, a user viewing your site from the United States may see Vibrant ads, but a user from Finland may not. Page 4 of 5

If the above scenarios are not applicable and you continue to experience difficulty integrating Vibrant code on your site, please contact your account manager for further assistance or you can contact Vibrant Support directly at: Support@vibrantmedia.com To help us troubleshoot a problem more effectively, please provide the following pieces of information: A brief description of the problem The browser and version you are using (e.g. IE 11.0) The operating system and version you are using (e.g. Windows 8) The URL of a page that illustrates the problem and the steps to replicate the issue (our engineers will use this to reproduce the error) Page 5 of 5