ACJ’s IMU MDP

Posted: June 17 2005

An XHTML Meta Data Profile (xmdp) for Interactive Marketing Units (imu) � a Rich Media Guideline of the Interactive Advertising Bureau (iab) � in order to standardize the use of common means of advertising in (x)html documents (like the infamous 31 � 88), which provides various advantages for both authors as users.

Profile

The first version (v0.1, if you will) of the imu meta data profile.

class

Rectangles and Pop-Ups

medium_rectangle: 300 � 250 imu
square_pop-up: 250 � 250 imu
vertical_rectangle: 240 � 400 imu
large_rectangle: 336 � 280 imu
rectangle: 180 � 150 imu

Banners and Buttons

full_banner: 468 � 60 imu
half_banner: 234 � 60 imu
micro_bar: 88 � 31 imu
button_1: 120 � 90 imu
button_2: 120 � 60 imu
vertical_banner: 120 � 240 imu
square_button: 125 � 125 imu
leaderboard: 728 � 90 imu

Skyscrapers

wide_skyscraper: 160 � 600 imu
skyscraper: 120 � 600 imu
half_page_ad: 300 � 600 imu

rev

advertisement: Indicates that a hyper link is advertising the entity it is refering to.

Authors may use the following markup to refer to this profile from (x)html documents:

<head profile="http://acjs.net/weblog/2005/06/18/imu_mdp/#profile">

Styling

Authors may use the following rules to specify the dimensions of advertisments, conform the specification.

@media screen {
	.medium_rectangle { height: 250px; width: 300px }
	.square_pop-up { height: 250px; width: 250px }
	.vertical_rectangle { height: 400px; width: 240px }
	.large_rectangle { height: 280px; width: 336px }
	.rectangle { height: 150px; width: 180px }
	.full_banner { height: 60px; width: 468px }
	.half_banner { height: 60px; width: 234px }
	.micro_bar { height: 31px; width: 88px }
	.button_1 { height: 90px; width: 120px }
	.button_2 { height: 60px; width: 120px }
	.vertical_banner { height: 240px; width: 120px }
	.square_button { height: 120px; width: 120px }
	.leaderboard { height: 90px; width: 728px }
	.wide_skyscraper { height: 600px; width: 160px }
	.skyscraper { height: 600px; width: 120px }
	.half_page_ad { height: 600px; width: 300px }
}

@media print {
	.medium_rectangle { height: 250pt; width: 300pt }
	.square_pop-up { height: 250pt; width: 250pt }
	.vertical_rectangle { height: 400pt; width: 240pt }
	.large_rectangle { height: 280pt; width: 336pt }
	.rectangle { height: 150pt; width: 180pt }
	.full_banner { height: 60pt; width: 468pt }
	.half_banner { height: 60pt; width: 234pt }
	.micro_bar { height: 31pt; width: 88pt }
	.button_1 { height: 90pt; width: 120pt }
	.button_2 { height: 60pt; width: 120pt }
	.vertical_banner { height: 240pt; width: 120pt }
	.square_button { height: 120pt; width: 120pt }
	.leaderboard { height: 90pt; width: 728pt }
	.wide_skyscraper { height: 600pt; width: 160pt }
	.skyscraper { height: 600pt; width: 120px }
	.half_page_ad { height: 600pt; width: 300pt }
}

Additionally, authors/designers may choose to apply extra styling to advertisments:

[rev="advertisement"] {
	color: red;
	font-size: x-large;
	text-decoration: blink
}

.microbar {
	border: 3px double red
}

�which, of course, doesn�t have to be limited to visual media:

[rev="advertisement"] {
	voice-family: female;
	volume: x-loud
}

User Style Sheet

It is clear that (web) authors have a message they want to communicate, but users may not want to hear it, and that is to be respected. That being said, users may put the following rule in a user style sheet in order to hide advertisements:

[rev="advertisement"] {
	display: none !important
}

ACJ

Comments

0 comments so far.