in-text ads the mobile web

In-Text Ads the Mobile WebSupervised & Guided By: Avishai Weis

Yaron Zakai-Or Noam Lampert

Delivered By: Adi Guberman Gal Ben Ami

Goals & Scope

• Goals› Provide engaging ads for in-text mobile advertising,

within mobile web browsers – POC that include text and logo or text ads only.

• Scope› Enrich Kontera’s Standard Text & Logo Mobile Ad by

connecting them to social apps/sites.› Add the ability to initiate phones calls directly from

Kontera’s Standard Text & Logo Mobile Ad to advertisers.› Localize Ads, for example by Searching Local Branches on

Google maps and providing directions to the closest branch.

Methodology

• Svg - was used to change the UI of the Advertisement.• HTML & XHTML - was used to create the following UI pages.

• CSS - was used to design the HTML pages.• JavaScript -

› Generate and handle user events.› Create links and communicating with the social networks,

Google maps and Mail server.› Extract data from ads via JavaScript regular-expressions

(like phone numbers and Google maps search term).• PHP - was used for sharing ads by email.• Apache server - was used for testing and running the project.

Achievements

Social Networks – • We have created a UI enabling users to share

advertisements in a quick and simple way directly from the advertisement’s layer.The interface we introduced gathered together the leading social networks (Facebook, Twitter and Buzz), and the ability of sharing the advertisements directly by email.

Phone –• We added a functionality of enabling users to call the

advertisers directly from their mobile web browsers. The users do not need to navigate away from the current page or close the browser on their device.

• The advertiser have the option of adding a phone number explicitly. If he didn’t, then our code will search for one in the ad’s content.

Google Maps Integration –• The advertiser can add a specific search term or address as the

search target for a map to be shown on the device.• The user is able to see a list of locations that meet a search term

weather or not the advertiser supplied one. In case the Advertiser hasn’t supplied a search term, the code will generate one automatically according to landing URL of the ad.

• Documentation – • User’s guide – a short description on how to use the product.

Mainly explaining the new functionality introduced by the project.• Developer’s Guide –

• A technical guide on how to install the product on a clean server.• Instructions and clarifications on how to add functionalities to the

code.

Examples

• A website that has Kontera’s Ad -

• Kontera’s interface with the new buttons(Calls us now! & Share) –

• The Share interface -

• Share on Facebook -

• Share on twitter -

• Share on Google buzz -

• Send Ad by Email -

The PizzaHut Demo• http://www.foxnews.com/sports/2010/12/19/royals-greinke-tra

de-smart/?kona_iphone=1&konanl=1&demo=2• sharePhoneNumber not defined. The call number will be

parsed to "1700506070“, since the number is in the advertisment.

• shareGoogleMapSearchTerm not defined. The Google maps search term will be parsed to "pizzahut“.

• Calling -

• Google search term was extracted automatically.

Coca-Cola Demo

• http://www.foxnews.com/sports/2010/12/19/royals-greinke-trade-smart/?kona_iphone=1&konanl=1&demo=3

• sharePhoneNumber not defined.• shareGoogleMapSearchTerm defined to HaRav Kahanman 129, Bnei Brak, Israel.

• Since no phone number was pre-defined by the advertiser, and no phone number could be find in the ad’s text, a proper message is displayed to the user.

• The aderss the advertiser supplied is displayed on Google maps.

Aroma Demo

• http://www.foxnews.com/sports/2010/12/19/royals-greinke-trade-smart/?kona_iphone=1&konanl=1&demo=4

• sharePhoneNumber not defined.• shareGoogleMapSearchTerm not defined. 

• Google search term was extracted automatically. Showing the branches near the current GPS reading.

Conclusions

• Inserting new features to an unfamiliar system is very challenging.

• The Share interface is a feature that will be very useful, and will increase the value of advertising with Kontera.

• We enjoyed working with JavaScript regular expressions. It is a very powerful language feature.

• Setting up a development environment is time consuming. That’s why we put a lot of effort in the developers guide.