Как да добавим реклама в Sencha Touch мобилно приложение?

Тъй като последните няколко дни отделих значително време на версия 2 на моето мобилно приложениеРазделно хранене, успях да постигна доста голяма напредък. Една от финалните стъпки беше да добавя скрипт, който да показва реклами в самото приложение, тъй като за разработката използвам уеб технологии, а не Java, AdMob не ми вършеше работа и се наложи да намеря друго решение.

До известна степен ме затрудни факта, че Google са преместили рекламните скриптовете за мобилни устройства в AdSense, като преди това са били част от AdMob системата. След като си генерирах кода дойде време да го добавя в самото приложение, където идва най-тънкият момент в работата ми.

Всеки, който е използвал библиотеката Sencha Touch, било то за мобилна версия на уебсайт или мобилно приложение знае, че HTML кода се генерира посредством JavaScript, а не се пише директно, за разлика от jQueryMobile например, където подобен тип упражнения са изключително прости. За това си добавих ново HTML файлче, в което поставих банер кода от Google.


<script type="text/javascript"><!--
google_ad_client = "**********";
/* Separate Dining2 Ads */
google_ad_slot = "**********";
google_ad_width = 320;
google_ad_height = 50;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

А за самото извикване на кода си създадох отделен “изглед” (view), което просто кръстих – Ad, в който добавих iframe към новосъздаденото файлче с рекламния код.


Ext.define('SeparateDining.view.Ad', {
extend : 'Ext.Container',
xtype: 'ad',

config : {
scrollable : false,
html : '',
}
});

Останалото беше още по-просто – да извикам новосъздадения елемент в основния си изглед, за да го визуализирам.


{ xtype : 'ad',
docked : 'bottom'}

Тези няколко доста лесни стъпки осигуряват правилното функциониране на банер рекламите в едно мобилно приложение.

П.П. По-добре късно, отколкото нигока – от Май 2012 Google си промениха политиката относно рекламите в мобилните приложения. По последните им изисквания в едно приложение за Android може да има единствено AdMob реклами, пуснати през Android API, използването на уеб реклами е забранено.

3 thoughts on “Как да добавим реклама в Sencha Touch мобилно приложение?

    1. mvelikov Post author

      Тони, не знаех, че и ти се занимаваш с мобилни приложения🙂

      Reply
  1. Pingback: Разделно хранене - версия 2 | Михаил Боянов ВеликовМихаил Боянов Великов

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s