Всем привет, в этой статье я расскажу как использовать Moengage в nuxt js. Moengage — это платформа для отслеживания поведения пользователей, после чего мы можем анализировать веб-сайт.

Ладно, пошли, первый шаг

Установить Nuxt

Вы можете установить nuxt с помощью этой команды, в моем приложении я даю имя nuxt-moe:

npm init nuxt-app nuxt-moe

После установки nuxt мы инициализируем moe

Инициировать Мо

откройте проект в редакторе (я использую vs code), затем найдите плагины и добавьте новый файл с именем moe.js. Затем заполните его кодом

Окружающая среда

После этого создайте .env для сохранения переменной среды, добавьте MOE_APP_ID и заполните его идентификатором moe.

MOE_APP_ID = "<MOE_APP_ID>"

Конфигурация Nuxt

Не забудьте добавить moe.js в nuxt.config.js в плагинах.

{ src: "~/plugins/moe", ssr: false },

Использовать Мо

используйте его в компонентах, следуя коду

const trackMoe = 'Removed From Cart';
const valueMoe = {
name: "John Doe",
email: "[email protected]"
};

window.Moengage.track_event(trackMoe, valueMoe).then((res) => {
console.log(res, 'respooonn');
});

Вы можете использовать другое событие в Moengage, но, например, я буду использовать track_event.

Спасибо