1 / 21

In-Text Ads the Mobile Web

In-Text Ads the Mobile Web. Supervised & Guided By: Avishai Weis Yaron Zakai -Or Noam Lampert Delivered By: Adi Guberman Gal Ben Ami. Goals & Scope. Goals

zeheb
Download Presentation

In-Text Ads the Mobile Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. In-Text Ads the Mobile Web Supervised & Guided By: Avishai Weis YaronZakai-Or Noam Lampert Delivered By: Adi Guberman Gal Ben Ami

  2. 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.

  3. 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.

  4. 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.

  5. 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.

  6. Examples • A website that has Kontera’s Ad -

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

  8. The Share interface -

  9. Share on Facebook -

  10. Share on twitter -

  11. Share on Google buzz -

  12. Send Ad by Email -

  13. The PizzaHut Demo • http://www.foxnews.com/sports/2010/12/19/royals-greinke-trade-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“.

  14. Calling -

  15. Google search term was extracted automatically.

  16. 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 HaRavKahanman 129, BneiBrak, Israel.

  17. 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.

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

  19. 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. 

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

  21. 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.

More Related