In-Text Ads the Mobile Web
description
Transcript of In-Text Ads the Mobile Web
![Page 1: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/1.jpg)
In-Text Ads the Mobile WebSupervised & Guided By: Avishai Weis
Yaron Zakai-Or Noam Lampert
Delivered By: Adi Guberman Gal Ben Ami
![Page 2: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/2.jpg)
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.
![Page 3: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/3.jpg)
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.
![Page 4: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/4.jpg)
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.
![Page 5: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/5.jpg)
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.
![Page 6: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/6.jpg)
Examples
• A website that has Kontera’s Ad -
![Page 7: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/7.jpg)
• Kontera’s interface with the new buttons(Calls us now! & Share) –
![Page 8: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/8.jpg)
• The Share interface -
![Page 9: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/9.jpg)
• Share on Facebook -
![Page 10: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/10.jpg)
• Share on twitter -
![Page 11: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/11.jpg)
• Share on Google buzz -
![Page 12: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/12.jpg)
• Send Ad by Email -
![Page 13: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/13.jpg)
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“.
![Page 14: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/14.jpg)
• Calling -
![Page 15: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/15.jpg)
• Google search term was extracted automatically.
![Page 16: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/16.jpg)
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.
![Page 17: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/17.jpg)
• 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.
![Page 18: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/18.jpg)
• The aderss the advertiser supplied is displayed on Google maps.
![Page 19: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/19.jpg)
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.
![Page 20: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/20.jpg)
• Google search term was extracted automatically. Showing the branches near the current GPS reading.
![Page 21: In-Text Ads the Mobile Web](https://reader036.fdocuments.in/reader036/viewer/2022070423/56816772550346895ddc6114/html5/thumbnails/21.jpg)
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.