Rich Media Guide
From Mocean Mobile Wiki
Rich media refers to online advertising that makes use of a range of interactive digital Media, including streaming video and audio - see examples here. The ads usually change as a users mouse passes over them. Mocean Mobile provides their customers with a bevy of functional features for creating rich media ads. At the moment, it includes 2 templates of rich media ads available but the set of templates is to be expanded in perspective.
- Plain HTML template - allows using html-code for extended formatting of ads;
- Script code template - allows users to enter the script code desired.
Plain HTML Template
The Plain HTML template allows for only html-code to interact with a user. There is no opportunity of addressing Cgi-script or Java in html-banners created on the bases of such template – the code entered by the user is processed by cutting all the inadmissible tags (e.g linking javascript and etc).
Nevertheless, you can use all means provided by html to make your banner more attractive and interactive: customizing text style, setting background, including images and links, etc.
To create a rich media on the basis of this template, perform the following steps:
Step #1: Select ’Plain HTML’ in the template select box in ’Add Creative’ Wizard.
Step #2: Enter the ad code into the provided form field.
The sample of a code for this type of ads is given below:
<iframe src="http://geo.ipromote.com/ad/?typ=1&pub=1&nid=1366&site=6885&adfmt=11&zip&ccb=1234&сlick=http%3A%2F%2Fmy_click_url.com" width="300" height="50" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
Step #3: Replace the click URL with %LINK% where required to track the click back to the destination URL. To obtain the list of all placeholders that can be used in rich media ad code as well as usage examples, see Mocean Mobile Macros Documentation.
Here is an example of ad created on the basis of the Plain HTML template with optional parameters specified:
<iframe src="http://geo.ipromote.com/ad/?typ=1&pub=1&nid=1366&site=6885&adfmt=11&zip&ccb=%RANDOM%&сlick=%ELINK%" width="300" height="50" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
In this sample, the click URL is replaced with %ELINK% placeholder; %RANDOM% is used for replacing the value of custom ' ccb ' parameter with a random number.
Resulting code of the ad after replacement will be as follows:
<iframe src="http://geo.ipromote.com/ad/?typ=1&pub=1&nid=1366&site=6885&adfmt=11&zip&ccb=306749705&click=http%3A%2F%2Fads2.mocean.mobi%2Fredir%2F2620ee70-aba9-11e0-97e1-001ec9fd3a50%2F0%2F59007" width="300" height="50" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>
Step #4: Save changes, customize other campaign parameters and start the campaign. As a result you will have the banner like this.
Script Code Template
To create rich media ad using the Script Code template, perform the following steps:
Step #1: Select ’Script Code’ in the template select box in ’Add Creative’ Wizard.
Step #2: Enter the ad code into the provided form field:
Below is a sample code of the ad created on the basis of the Script Code template:
<script language="Javascript" type="text/javascript">var phClkPrepend_id="http://my_click-url.com ";</script>
<script language="Javascript" type="text/javascript"> var phluad_url = "http://mdn1.phluantmobile.net/2/1001/113/js/phExpand.js"; document.writeln('<scr'+'ipt src="'+phluad_url+'"></scr'+'ipt>');</script>
<noscript><a href="http://phluant.com"><img src="http://mdn1.phluantmobile.ne/2/1001/113/images/300x50_phluant_failover.jpg" border="0"></a></noscript>
NOTE: DO NOT FORGET TO SPECIFY NOSCRIPT TEXT. IT ALLOWS FOR YOUR AD TO BE DISPLAYED WHEN JAVA-SCRIPT CODE CANNOT BE RUN FOR WHATEVER REASON.
Step #3: Replace click URL with %LINK% placeholder wherever it's required. To obtain more information on using placeholders for rich media, see Mocean Mobile Macros Documentation.
<script language="Javascript" type="text/javascript">var phClkPrepend_id="%LINK%";</script>
<script language="Javascript" type="text/javascript">var phluad_url="http://mdn1.phluantmobile.net/2/1001/113/js/phExpand.js"; document.writeln('<scr'+'ipt src="'+phluad_url+'"></scr'+'ipt>');</script>
<noscript><a href=%LINK%><img src="http://mdn1.phluantmobile.net/2/1001/113/images/300x50_phluant_failover.jpg" border="0"></a></noscript>
Step #4: Save changes, customize other parameters and start the campaign. You can view the resulting banner here.
