Как поставить метку на кнопку
Перейти к содержимому

Как поставить метку на кнопку

  • автор:

Как поставить изменить положение метки на карте при клике на кнопку?

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

ymaps.ready(init); $('button').click(function() < var center = $(this).val().split(','); build(center[0], center[1], true); >); function init() < var center = $('.default').val().split(','); console.log(center); build(center[0], center[1], true); >function build(x, y, point = false) < var myPlacemark, myMap = new ymaps.Map('mymap', < center: [x, y], zoom: 16 >); myPlacemark = new ymaps.Placemark([x, y], <>, < draggable: true >); if (point) myMap.geoObjects.add(myPlacemark); myPlacemark.events.add('dragend', function() < console.log(myPlacemark.geometry.getCoordinates()); >); >
#mymap
    
  1. получаем ее координаты
  2. передаем координаты в функцию createPlacemark

удалил клик, чтобы проверить сработает ли просто при загрузке документа. Но ничего не происходит почему? функция тпросто вызываю я ее напрямую без клика.

ymaps.ready(init); function init() < var myPlacemark, myMap = new ymaps.Map('map', < center: [55.753994, 37.622093], zoom: 9 >, < searchControlProvider: 'yandex#search' >); myPlacemark = createPlacemark('55.84527343200916, 37.409232892578125'); myMap.geoObjects.add(myPlacemark); getAddress('55.84527343200916, 37.409232892578125'); // Создание метки. function createPlacemark(coords) < return new ymaps.Placemark(coords, < iconCaption: 'поиск. ' >, < preset: 'islands#violetDotIconWithCaption', draggable: true >); > // Определяем адрес по координатам (обратное геокодирование). function getAddress(coords) < myPlacemark.properties.set('iconCaption', 'поиск. '); ymaps.geocode(coords).then(function (res) < var firstGeoObject = res.geoObjects.get(0); myPlacemark.properties .set(< // Формируем строку с данными об объекте. iconCaption: [ // Название населенного пункта или вышестоящее административно-территориальное образование. firstGeoObject.getLocalities().length ? firstGeoObject.getLocalities() : firstGeoObject.getAdministrativeAreas(), // Получаем путь до топонима, если метод вернул null, запрашиваем наименование здания. firstGeoObject.getThoroughfare() || firstGeoObject.getPremise() ].filter(Boolean).join(', '), // В качестве контента балуна задаем строку с адресом объекта. balloonContent: firstGeoObject.getAddressLine() >); >); > > 

Метки

Метки используются для того, чтобы отметить определенных подписчиков внутри платформы.

Название меток

Можно использовать только буквы (кириллица и латиница), цифры и нижнее_подчеркивание. Если вы будете использовать другие символы, фильтрация не будет работать.

Варианты применения меток

Вариантов применения меток много. Рассмотрим на примерах.

Например, вы присваиваете разные метки всем новым подписчикам, и тем, кто оплатил. И потом можете отфильтровать и посмотреть конверсию.

Например, вы сегментируете аудиторию и присваиваете определенную метку каждому сегменту. Вы можете отфильтровать подписчиков по метке и посмотреть какое количество подписчиков у вас в каждом сегменте.

Например, вы хотите отправить рассылку тем, кто подписался, но не оплатил.
В настройках рассылки вы ставите соответствующие правила и метки. Таким образом, рассылка уходит только целевым подписчикам.

Обратите внимание, что аудитория определяется в момент срабатывания рассылки. Сколько попадёт под условие в тот момент, стольким и отправится. Если сейчас по определенной метке есть 10 человек, но скоро это количество может увеличится, допустим, до 20-ти. То уйдет она тому количеству, которое будет в момент отправки рассылки.

В многошаговых ботах вы можете делать вариативность при помощи меток.
Например, подписчик будет получать метку, как только оплатит товар.
И если у него будет метка, то по условию этой метки пользователь будет переходить по одной цепочке. Если метки нет, то по другой.

Где можно присвоить метку?

На лендингах

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

Мини-лендинг и ВК-лендинг

В соответствующем поле введите необходимую метку и нажмите enter.

В многошаговых ботах

Метка присваивается в блоке «Действие». Метка будет присвоена после того, как подписчик пройдет этот шаг бота.

1. Добавьте новое действие.

2. Перейдите в настройки действия.
3. Добавьте новое действие «Добавить метку».
4. Введите название метки.
5. Сохраните.

Действия можно добавлять после любого шага. Например, вы можете отметить меткой тех, кто кликнул на соответствующую кнопку или перешел по ссылке.
Отслеживание перехода происходит при помощи условий.

В автоматизации

Ключевые слова

Метка присвоится сразу после срабатывания автоматизации. Подписчик ввел ключевое слово — сработала автоматизация — присвоилась метка.
Добавьте действие «Добавить метку» в настройках автоматизации.

Прием платежей

Метка будет присвоена после успешной оплаты. Добавьте действие «Добавить метку» в настройках приема платежей.

В авторассылке

Для разных мессенджеров нужно настроить присвоение метки индивидуально.

Facebook*/Telegram

Для Фейсбука* можно присвоить метку в кнопках и быстрых ответах.

*принадлежит Meta, признана экстремистской в России

  1. Добавьте карточку «Текст».
  2. Добавьте к ней кнопку.
  3. Выберите тип кнопки «Действие».
  4. Добавьте действие «Добавить метку».
  5. Введите название метки.
  6. Введите название кнопки.
  7. Сохраните.

Быстрые ответы (только FB):

  1. Добавьте варианты ответа.
  2. Введите заголовок ответа.
  3. Добавьте действие «Добавить метку»
  4. Введите название метки.
  5. Сохраните.

ВКонтакте

  1. Добавьте кнопку в карточке «Текст»
  2. По желанию выберите цвет кнопки
  3. Выберите тип кнопки «Действие»
  4. Добавьте действие «Добавить метку»
  5. Введите название метки
  6. Сохраните

ВКонтакте/Viber

Клавиатура (тип кнопки «Действие»)

  1. Добавьте клавиатуру.
  2. Добавьте кнопку.
  3. По желанию выберите цвет кнопки
  4. Добавьте действие «Добавить метку».
  5. Введите название метки.
  6. Сохраните.

В профиле пользователя

Вы можете зайти в профиль пользователя и вручную добавить нужную метку.

Как снять метку

В профиле пользователя
Вы можете зайти в профиль пользователя и вручную удалить ненужную метку. Чтобы сделать это нажмите на крестик возле названия метки.

В действиях
Добавьте действие «Удалить метку». Действия доступны в ботах, авторассылках и автоматизациях.
Настраивается удаление точно также как и добавление метки. Но вместо действия «Добавить метку», добавляйте действие «Удалить метку».
Метку необходимо выбрать из списка.

Массовые действия с метками. Установить и снять метку для группы подписчиков.

  • Перейти в раздел «Подписчики»
  • Выбрать подписчиков с нужной меткой
  • Нажать на кнопку «Массовые действия», чтобы открыть список массовых действий
  • Выбрать пункт «Установить метку» или «Снять метку»
  • Из выпадающего списка выбрать метку, которую нужно задать или убрать из профилей подписчиков и нажать на соответствующую кнопку.

Ответы на вопросы

Разница между метками и utm-метками.

Utm-метки используются для того, чтобы отследить внешние источники подписки. Например, вы можете добавить их к ссылке на ВК-лендинг или мини-лендинг, а ткже к прямой ссылке бота.
Utm-метки сохраняются в специальных полях внутри профиля пользователя.

Обычные внутренние метки нужны для работы и аналитики внутри платформы BotHelp.

Как удалить метки из списка?

Видеоинструкция:

Если накопилось много лишних меток, то их можно удалить.

Для этого в Настройках кабинета в разделе «Метки» выберите нужные и удалите их.

Если вы не нашли ответ на свой вопрос, задайте его нам в чате внутри кабинета либо напишите на hello@bothelp.io ��

Получите 14 дней полного функционала платформы для создания рассылок, автоворонок и чат-ботов BotHelp.

UTM-метки: инструкция по применению

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

Узнать эту информацию помогают UTM-метки, с ними вы сможете быстро реагировать на изменения в рекламной кампании и перераспределять бюджет.

Технически UTM-метки — это параметры, которые пишутся в ссылке после знака «?». Параметры эти потом считывают системы аналитики Google и Яндекс и обрабатывают данные.

Примеры использования UTM-меток

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

— Если вы делаете e-mail рассылку и хотите протестировать, какое из писем приводит на сайт больше людей.

— Если вы проводите а/б тестирование.

UTM-метки — изобретение компании Urchin Tracking Module (в переводе «Отслеживающий модуль компании Urchin»). В 2005 году компанию выкупил Google и на ее основе создали Google Analytics.

Где мне взять UTM-метку

На вашем сайте должны быть установлены и правильно настроены системы аналитики, например, Яндекс.Метрика или Google Analytics.

UTM-метки похожи на тэги, только их прописывают как дополнительную информацию в ссылке. Это быстрый способ отследить источники трафика.

Выглядит это так:

Есть основная ссылка: например, flexbe.ru

К основной ссылке добавляются UTM-метки — по ним системы веб-аналитики Google Analytics и Яндекс.Метрика считывают сведения о пользователях, которые перешли на сайт: flexbe.ru/?utm_source=yandex

Можно сказать, что UTM-метки это фрагменты кода, которые добавляются в ссылку. Но не нужно быть программистом и писать этот код — для подбора меток существуют специальные сервисы. Например, генератор UTM-меток

Сервис рассчитан на людей, которые только что узнали слово «UTM» и не планируют изучать тонны материала. А планируют только пару кнопок нажать, забрать метки и побыстрее настроить рекламу, чтобы пришли клиенты.

Алгоритм такой: заходите в редактор, вводите параметры и получайте готовую ссылку. Быстро и просто.

Из чего состоят UTM-метки

Каждая UTM-метка, которая добавляется к адресу сайта, состоит из двух частей:

2. Значение метки

Параметр это первое слово в UTM-метке, в примере выше это utm_source. После параметра ставят знак равно и потом пишут значение.

Все люди в мире пользуются одинаковыми параметрами — ниже мы сделали список с самыми основными из них, чтобы вы имели минимальное представление о том, из чего состоят UTM-метки.

В одной ссылке может быть несколько UTM-меток — лучше указывать минимум три параметра:

источник трафика — utm_source (Google, Yandex, ВКонтакте, Facebook и так далее ),

— тип трафика — utm_medium (e-mail рассылки, оплата за клик, оплата за показы и так далее)

— название рекламной кампании — utm_campaign.

Эти параметры называют обязательными, потому что без них ссылка не даст достаточно информации для аналитики.

Если вы будете пользоваться генератором UTM-меток, вам нужно будет только вписать значения в пустые поля — генератор автоматически соберет ссылку (об этом инструкция ниже).

Параметры пишутся всегда одинаково, а значения — уже на ваше усмотрение.

Вы можете написать в значении что угодно и любым алфавитом, но рекомендуем писать латиницей. А также в значении учитывается разница между заглавными или строчными буквами: utm_campaign=flexbe и utm_campaign=Flexbe — разные метки.

Все слова в ссылке пишутся не через пробел, а через нижнее подчеркивание. А UTM-метки отделяются друг от друга вот этим знаком — «&».Например, txt.ru//?utm_source=yandex&utm_medium=cpm

Обязательные параметры

utm_source — источник трафика: Google, Yandex, ВКонтакте, Facebook и другие

utm_medium — тип трафика: e-mail рассылки, оплата за клик, оплата за показы и другое

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

Необязательные параметры

utm_term — ключевое слово, которое привело к показу объявления

utm_content — помогает отличать объявления внутри одной рекламной кампании друг от друга

Как создать UTM-метку

Давайте подробнее рассмотрим, какие параметры нужно ввести, чтобы в итоге получить нужную ссылку.

1. Сначала выберите сайт , который вы собираетесь рекламировать.

2. Затем укажите источник трафика — площадку, где будет рекламироваться ваша страница.

Google Ads — контекстная реклама в Google. Если не знаете, как настраивать рекламу в Google Ads — в этом уроке можете прочитать инструкцию.

ВКонтакте (посты в группах) — рекламный пост в одной из групп, где сидит ваша целевая аудитория.

ВКонтакте (таргетинг) — реклама показывается выбранной целевой аудитории.

Facebook / Youtube / Instagram / Twitter / Одноклассники — реклама в одной из соцсетей.

Другая площадка — рекламная площадка, которой нет в списке выше.

3. Затем выберите тип трафика.

Оплата за клик — вы платите только когда пользователь кликает по рекламному объявлению.

Оплата за показы — вы платите за количество показов вашей рекламы пользователями.

E-mail — почтовая рассылка.

Баннеры — рекламные баннеры на сайтах и в соцсетях.

Ретаргетинг — когда рекламу показывают пользователям, которые ранее заходили на ваш сайт.

Прайс площадки — интернет-ресурсы, которые размещают у себя на сайте предложения рекламодателей, занимающихся онлайн-продажами.

Партнерская программа — переход по партнерской ссылке.

Другой тип — реклама, которой нет в списке выше.

4. Укажите название рекламной кампании.

5. Напишите ключевую фразу.

Необязательный параметр. Актуален только для поисковой рекламы, метка помогает собрать данные — сколько людей пришло с конкретного ключевого слова. Обычно этот параметр используется с динамической переменной — чтобы Яндекс.Директ или Google Ads сами в момент клика подставляли ключевую фразу.

6. Напишите дополнительный параметр.

Добавьте этот параметр, если вам необходимо отличить друг от друга объявления внутри одной рекламной кампании.

7. Полученную ссылку скопируйте и используйте в рекламном объявлении.

Что делать с UTM-меткой после ее создания

Просто генерация ссылки с UTM-метками ничего не дает — эту ссылку нужно потом правильно использовать.

Представьте себе, что метка похожа на «жучок», который прицепляют к одежде, когда идут на журналистское расследование. UTM-метки не меняют на самом сайте ни буквы. Вы словно прицепляете «жучок» к ссылке, и когда начинаете рекламную кампанию, этот «жучок» собирает данные по пользователям и передает в системы аналитики.

А системы аналитики Google Analytics и Яндекс.Метрика уже видят — кто откуда пришел и что делал на сайте.

Допустим, Аня подписана на e-mail рассылку издательства МиФ, ей пришла интересная подборка новинок этого месяца, она перешла на сайт и купила книгу «Не работайте с мудаками». Как это видит система аналитики? С помощью ссылки: mann-ivanov-ferber.ru/?utm_source=yandex&utm_medium=email&utm_campaign=newbooks

Благодаря этой ссылке с UTM-метками вы можете проследить всю цепочку действий Ани — от открытия письма в почте до покупки книги.Вася погуглил «шампунь для пышных волос» и пришел на ваш сайт из рекламы в поиске Google, выбрал и положил шампунь в корзину, но не купил. Что видит система аналитики? Ссылку shampun.ru/?utm_source=google&utm_medium=cpc&utm_campaign=poisk&utm_term=hair и

Благодаря этой ссылке с UTM-метками вы можете увидеть путь Васи от перехода с рекламы в поиске Google до брошенной корзины. Если у вас много подобных случаев, когда люди передумывают покупать товар на последнем шаге — можете проанализировать, в чем же собственно дело.

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

Как поставить метку на Яндекс Карте при клике на кнопку?

На сайте есть Яндекс.Карты, также имеются кнопки, в которых указывается название учреждения, а также они имеют атрибут с координатами: data-address-item=»59.127069 37.926970″ .

Значения эти указываются в админке (битрикс) для каждого элемента (кнопки).

Как при клике на кнопку перемещать метку на карте на соответствующие координаты из атрибута?

  • Вопрос задан более трёх лет назад
  • 139 просмотров

Комментировать
Решения вопроса 1

0xD34F

0xD34F @0xD34F Куратор тега Яндекс.Карты

document.querySelector('селектор контейнера с кнопками').addEventListener('click', e => < const coord = e.target.dataset.addressItem?.split(' ').map(Number); if (coord) < map.setCenter(coord); marker.geometry.setCoordinates(coord); >>);

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *