[Из песочницы] Добавление AdMob рекламы в Android приложение с использованием Firebase30.11.2016 19:48

Предисловие


Вводим «AdMob» в Google и первым сайтом уже будет не AdMob-ский, а Google-ский сайт. После перехода на оный Вас начнут по немногу переманивать на темную сторону Firebase (недавно купленный Google).

Firebase дает довольно обширные возможности по аналитике (по крайней мере для меня, как программиста, а не маркетолога) рекламы в вашем приложениее (рост, вес, страна, кол-во просмотров, версии Android куда установливалось и тд. и тп.).

Первым делом был найден пост, но он для Eclipse, а после первых попыток сделать по примеру — начались предупреждения о depricated да и вообще ошибки.

Прочитав больше информации стало понятно, что переход AdMob на firebase произошел недавно и разбиратся придется самому.

3b69406fc6bc4c44b6c1db500d287287.png

Давайте посмотрим как с этим жить теперь


Минимальные требования: (с учетом которых была написана статья).
  • Android Studio 2.2.2
  • Быть зарегистрированным в Google Developer Console
  • Быть зарегистрированным на AdMob
  • Мозг

Шаг 1
Добавляем зависимости в build.gradle файлы. Первым делом в 'Module: app':
63f7ce300f934edba3dfb4e99cd97606.png

Теперь во второй ('Project: AdMobOnHabr'):
270d56aa6cd649e1ab9b8474b972e9c8.png

После чего рекомендуется сделать Tools → Android → «Sync Project with Gradle Files» и скомпилировать проект. Видимого результата еще нету, но главное — ошибок нету? Отлично! Идем дальше.Шаг 2
Входим в свой аккаунт на AdMob. Выбираем ручное добавление приложения (если Ваше приложение уже опубликовано в Google Play — воспользуйтесь поиском в первой вкладке).
f669b154c2984c419f1e610524375523.png

Добавим в наше приложение рекламный баннер (с другими видами предлагаю ознакомится самостоятельно). Частоту обновления Я выбрал минимально допустимую — 30 сек., название рекламного блока на Ваше усмотрение.
f896e63df7be4ebe92017607e14465c2.png

Дальше Вам предложат «Настройте Firebase Analytics (необязательно)» — нужное слово подчеркул. Пока что это ни к чему — пропускаем. Ознакамливаемся с «инструкциями по интеграции», жмем Готово. После переадресации видим страницу и долгожданный ID рекламного блока:
6d67bc5104d348f0b1dcf299937c3b98.png

Добавляем ad unit ID в strings.xml:
50cbac134de1465b96fb5726fc517d12.png

Не забудьте, что для рекламного блока на другой Activity нужен новый ID.Шаг 3
Добавляем AdView элемент на activity_admobbanner.xml:
5050f10a70804bfc82e516966389416a.png

В атрибут 'ads: adUnitId' записываем ресурс из strings.xml с ID рекламного блока.

Несколько советов и заметок:

  • Не перепутайте ads и app при добавлении namespace в родительский ViewGroup;
  • На API < 16 добавив View элемент рекламы и ошибочно прописав xmlns: app='http://schemas.android.com/apk/res-auto' выдало просто ошибку рендеринга из-за атрибута 'adSize' (adSize was missing). Упоминаю это так как похожая ошибка может возникнуть и в других случаях. Решение которое мне помогло: добавить xmlns: ads='http://schemas.android.com/apk/res-auto' в тэг View элемента рекламы (Совет взят с SO);
  • Если значение атрибута 'ads: adSize' выставлено BANNER, то рекламный блок будет, скорее всего, не на весь экран устройства (по ширине). Меня такое обрезание не устроило. Решение простое — изменить значение атрибута на SMART_BANNER. Есть небольшое НО — после добавления даного значения баннер может стать большим на preview и закрыть собой полезные элементы, исправим это добавив атрибут и выставив нужную Вам высоту:
    ffac3b88f94a4efa8d174b75b3aab1ec.png

    Не забудьте добавить namespace для tools в родительский ViewGroup:
    b31cca192a4b4ecc8b0c452d6a42578d.png

  • Совет по Code Style тэга
    Google рекомендует писать тэг закрывая так:
    23adba5e9e1546c59da32a1869923163.png

    Но, AS говорит, что тело тэга пустое, а в рекомендациях хорошего тона по написанию кода желательно вообще писать »/>» с новой строки. Рекомендую что-то среднее, так как пустой тэг не дает дополнительной информации, только добавляя лишнюю строчку кода:
    1f44e1314f134fcd9d6ae820165710b6.png


Шаг 4
Инициализируем Google Mobile Ads SDK. Для этого Вам понадобится app ID взятый с AdMob. Жмем шестеренку справа вверху → Управление приложением:
e660ff258dba48f5b5e144aaddc470bc.png

Вот оно, счастье нужный app ID:
e159a97a1e404710b1a74d30c66848f2.png

Пишем саму, собственно, инициализацию используя свой app ID:
0186c47a1de44b5f84e6a0aa062fc3f4.png

Шаг 5
Последнее действие по версии Google — загрузить долгожданную рекламу в AdView элемент:
73171edd89634215b0a5d3972ec4822a.png

На эмуляторе следуя политике AdMob вы не можете выводить реальную рекламу (показывается только тестовая). Довольно логично. Но если у Вас есть реальное устройство — можете протестировать рекламу в действии на нем и порадовать себя успехом.
Тест рекламы на реальном девайсе
  • Для отображения рекламы на реальном тестовом девайсе перепишите код вот так:
    15116ef818944e74992e1b76f3d17c56.png

    Остается вопрос — где взять волшебный DEVICE_ID_EMULATOR? Все в один голос рекомендуют очень «трушный» способ: пишите вместо DEVICE_ID_EMULATOR любое значение, к примеру:
    f718a84d722248ccbed2c705f863aa8e.png

    После чего запускаете приложение на своем устройстве и смотрите logcat. Там найдете лог подобный этому:
    08ce1c7ba5b64f5793a65bdd3aad1e27.png

    Что делать дальше ясно — копируйте полученный код в метод упомянутый выше и радуйтесь жизни.

    Заметка:
    Дело было ночью, спать хотелось, в общем не повторяйте моих ошибок:
    При поиске ID вашего реального устройства — не забудьте выбрать logcat девайса, на котором запущено приложение (у меня, к примеру, было запущено еще несколько эмуляторов и Я упорно не мог понять почему в лог эмулятора не выводится так нужный мне ID)



Вроде бы все сделали как написано, все должно работать, а нам пора ложится спать работать над следующей фичей но… Шаг 6
Где-то между строк Вы должны были прочитать, что без google-services.json оно работать не будет. Скорее всего, даного файла у Вас еще нету. Давайте искать вместе.

Google любезно предоставляет Вам «простыни» инструкций как сделать google-services.json. Но у меня возник вопрос — неужели в 2к16 году нужно самому сидеть и писать этот файл, который, к всему, скорее всего довольно шаблонный?

Ответ находится в Google Developer Console, где все таки подумали про желание ленивого программиста.

Заполняем поля:

6ecea01d2ab2484fa07e109affd32c66.png

Жмем Continue. Выбираем Google Sing-In. Дальше просто — Вы же знаете на память свой SHA-1?
a1711024b8794ac49ee8ed92f62e0ec9.png

Если вдруг запамятовали — могу помочь. SHA-1 можно узнать с помощью keyltool или немного по-топорному — через gradle в самой AS. Так как лишних действий делать не хочется — выберем второй способ:
79032754c6684b5abc68192d26571b64.png

  1. Нажать на боковую вкладку Gradle (справа в окне AS);
  2. Выбрать Ваш проект (при надобности нажмите Refresh);
  3. Открыть Tasks → android;
  4. Двойной клик по signingReport;
  5. Переключить в текстовый режим отображения Run console (см. скриншот ниже);
  6. Не забудьте выбрать потом свое приложение для билда (а не signingReport);

А вот и Ваш SHA-1. Вспомнили?
243738f280ac4ae397caf0690b35034e.png

Вставляем полученый SHA-1 код, жмем «Enable Google Sign-In» и «Continue to Generate configuration files».
cac45ff2ce5d4ea9b23cf094bd78f751.png

Ну, вы поняли. Скачиваем сгенерированный файл и копируем в корневой каталог приложения:
8ba08ecf4f0c4ca680e4cb97128f9c62.png

Собираем свой проект — готово. Путем подобных несложных манипуляций в Вашем приложении теперь есть реклама.

P.S.: Код в картинках, чтобы люди хоть что-то запомнили, а не просто скопипастили за несколько секунд.

Комментарии (1)

  • 30 ноября 2016 в 16:57

    0

    ↑

    ↓

    Можно admob подключить и без Firebase
    compile 'com.google.android.gms:play-services-ads:10.0.1'
    Тут он пишет простой ads а по факту похоже ads-lite добавляет, он не должна работать на устройствах без гугл сервисов.

    Firebase добавляет много мусора в манифест для аналитики. Посмотрите в результирующий вариант на вкладке Merged Manifest.

© Habrahabr.ru