Реклама в мини-приложениях

Чтобы размещать рекламу и получать выплаты, нужно зарегистрироваться в системе AppsCentrum.

Реклама, размещаемая в мини-приложении (тексты и изображения), должна соответствовать:

•
правилам размещения рекламы в мини-приложениях;
•
правилам пользования сайтом ВКонтакте;
•
законодательству РФ, в частности Федеральному закону от 13.03.2006 No. 38-ФЗ «О рекламе».

Важно! Рекламный контент, который вы встраиваете с помощью событий VK Bridge, проходит проверку на соответствие правилам площадки на стороне поставщика рекламы. Размещая такую рекламу, вы не нарушите правила.

Если же вы решили самостоятельно разместить рекламу в мини-приложении, помните, что она должна соответствовать правилам, перечисленным выше. Если рекламный контент не будет соответствовать этим правилам, вы получите предупреждение, а ваше мини-приложение может быть заблокировано.

В мини-приложениях можно использовать:

•
рекламу за вознаграждение,
•
рекламу между экранами,
•
рекламные баннеры.

Реклама за вознаграждение

Важно! Чтобы встроить рекламу за вознаграждение или рекламу между экранами, используйте библиотеку VK Bridge. Чтобы добавить баннеры, нужно использовать компоненты VKUI.

Реклама за вознаграждение (rewarded ads) — ролик, после просмотра которого до конца пользователь должен получить вознаграждение, не выходящее за рамки взаимодействия с мини-приложением (например, некоторое количество виртуальной валюты).

Показывать рекламу за вознаграждение можно только в том случае, если пользователь нажмёт на кнопку вызова такой рекламы и подтвердит, что готов к просмотру. В сообщении пользователю нужно обязательно указать, какое именно вознаграждение он получит.

Важно! Иногда вместо видеоролика при запросе рекламы за вознаграждение может появиться статичное изображение с меньшим таймером. Это корректное поведение. Так происходит лишь в тех случаях, когда для конкретного пользователя, который запросил рекламу за вознаграждение, не было найдено подходящих объявлений из этой категории.

Реклама между экранами

Реклама между экранами (interstitial) — статичное изображение или короткий видеоролик, который можно отображать без вызова со стороны пользователя, но только в момент перехода от одного экрана приложения к другому (например, перед новым уровнем игры).

Рекламные баннеры

Рекламные баннеры — это статичные блоки таргетированной рекламы. Баннер может содержать текст, кнопку и одно изображение.

В одном мини-приложении можно разместить не больше трёх блоков с рекламными баннерами. В каждом блоке — максимум четыре объявления одновременно.

Как добавить рекламу в мини-приложение

Реклама за вознаграждение и реклама между экранами

1.
Вызовите событие VKWebAppCheckNativeAds, чтобы проверить, готова ли к показу реклама на стороне рекламной сети.
2.
Если реклама готова, вызовите событие VKWebAppShowNativeAds, чтобы показать её пользователю.

Пример для рекламы за вознаграждение

JavaScript

bridge.send("VKWebAppCheckNativeAds", {"ad_format": "reward"});

    bridge.send("VKWebAppShowNativeAds", {ad_format:"reward"})
    .then(data => console.log(data.result))
    .catch(error => console.log(error));

Пример для рекламы между экранами

JavaScript

bridge.send("VKWebAppCheckNativeAds", {"ad_format": "interstitial"});

    bridge.send("VKWebAppShowNativeAds", {ad_format:"interstitial"})
    .then(data => console.log(data.result))
    .catch(error => console.log(error));

Рекламный баннер

Добавить в баннер в мини-приложение можно с помощью VKUI.

1.

Подключите библиотеки VKUI и VK Icons по инструкции. Убедитесь, что установлена версия VKUI не ниже 3.5.7. Пример команды установки:

Shellnpm install @vkontakte/vkui @vkontakte/icons
2.

Подключите стили VKUI. Для этого в проекте своего приложения откройте файл index.js и добавьте команду:

JavaScriptimport "@vkontakte/vkui/dist/vkui.css";
3.

Подключите компонент PromoBanner.

JavaScriptimport { PromoBanner } from '@vkontakte/vkui';
4.

Вызовите событие VKWebAppGetAds. В ответе промиса вы получите данные рекламного баннера. Передайте полученные данные в компонент PromoBanner вашего приложения через свойство bannerData.

JavaScriptconst Banner = () => { const [bannerData, setBannerData] = useState({}); useEffect(() => { bridge.send("VKWebAppGetAds").then((bannerInfo) => { setBannerData(bannerInfo); }); }, []); if (!bannerData) { return null; } return <PromoBanner bannerData={bannerData} />; }

Статистика

Отслеживать статистику показов рекламы и размер доходов можно в личном кабинете AppsCentrum. Выберите интересующий вид встроенной рекламы и откройте раздел Статистика.

Получение выплат

Заработанные деньги поступят на ваш аккаунт в течение 70 дней после окончания отчётного периода (месяца), во время которого они были начислены. Обратите внимание: в личном кабинете AppsCentrum информация обо всех форматах находится на вкладке Медиареклама.

После того как деньги появятся на аккаунте, вы сможете получить выплату любым удобным способом (на банковскую карту, через перевод на счёт или электронный кошелёк). Указать реквизиты для выплат, а также ознакомиться с более подробной информацией о тарифах и лимитах можно в личном кабинете.

Вопросы о выплатах и рекламе можно задать службе поддержки в личном кабинете AppsCentrum или в письме по адресу: info@appscentrum.com.