Напоминалка для клиента

[Chernetskiy 469]

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

Среди технологий Яндекса есть такая напоминалка - кнопка, при клике на которую клиент указывает дату и время, когда ему будет удобно связаться а Яндекс ему об этом напомнит на почту и/или телефон. Но выглядит не важно и требуется доводка до ума.

Вот код: 

<letaral>
  <script src="//yastatic.net/forgetmenot/forgetmenot.min.js"></script>
  <div class="ya-forgetmenot-autoinit" data-forgetmenot-name="Тестовое событие" data-forgetmenot-description="Единственное в мире тестовое событие" data-forgetmenot-reminder-date="2016-03-07T21:00:00Z" data-forgetmenot-size="m" data-forgetmenot-icon="ru" data-forgetmenot-theme="yellow"></div>
</literal>

Осталось дело за малым:

1. заменить "Тестовое сообщение" реальным заголовком объявления и ссылкой на него

2. заменить "Тестовое событие..." контактами агента

3. сделать возможность выбора даты и времени пользователем

Как это реализовать правильно? Конструктор кнопки здесь - https://tech.yandex.ru/reminder/

[Chernetskiy 469]

Ага, вот в конструкторе кнопки есть описание Динамической кнопки:

Кнопки с динамическими параметрами следует создавать, включив в код страницы специальный скрипт. Этот скрипт должен собирать параметры напоминания и кнопки из полей выбора и полей ввода, чтобы затем создать кнопку как сущность класса JavaScript.

Ниже приведен пример страницы с динамической кнопкой, для которой можно задать дату, заголовок и описание напоминания. Кнопка отображается в блоке с CSS-классом ya-forgetmenot-js-init, по нажатию кнопки Запустить.

<div class="block">
  <div class="controls">
    <form id="update-me">
      <label>
       Название:
       <input type="text" name="name" value="название">
      </label>
      <br/>
      <label>
       Описание:
       <input type="text" name="description" value="описание">
      </label>
      <br/>
      <label>
       Дата (в формате ISO8601 YYYY-MM-DDTHH:MM:SS+04:00):
       <input type="text" name="reminderDate" value="2013-09-12T12:00:00+04:00" size="35">
      </label>
      <br/>
      <input type="submit" value="Запустить"/>
    </form>
  </div>

  <div id="ya-forgetmenot-js-init"></div>
</div>

<script src="//yastatic.net/forgetmenot/forgetmenot.min.js"></script>
<script>
    var nezabudka;
    $('body').on('submit', '#update-me', function() {
        var formData = $(this).serializeArray();
        var nezabudkaParams = {};
        for (var i = 0; i < formData.length; i++) {
            var param = formData[i];
            nezabudkaParams[param.name] = param.value;
        }

        try {
            if (nezabudka) {
                nezabudka.update(nezabudkaParams);
            } else {
                nezabudka = new Ya.ForgetMeNot('ya-forgetmenot-js-init', nezabudkaParams);
            }
        } catch(e) {
            alert(e.toString());
        }

        return false;
    });
</script>

</body>
</html>

Используемые HTML-атрибуты:

• class="ya-forgetmenot-autoinit" — CSS-класс, указывающий на кнопку со статически заданными параметрами.
• data-forgetmenot-name — заголовок события.
• data-forgetmenot-description — описание события.
• data-forgetmenot-reminder-date — дата события в формате ISO 8601.
•  

  data-forgetmenot-size — размер кнопки. Возможные размеры:

  • «s» — маленький;
  • «m» — средний, размер по умолчанию;
  • «l» — большой.
•  

  data-forgetmenot-theme — цвет кнопки. Возможные цвета:

  • «yellow» — желтый, цвет по умолчанию;
  • «blue» — синий;
  • «white» — белый;
  • «green» — зеленый.
•  

  data-forgetmenot-icon — иконка на кнопке. Доступные иконки:

  • «ru» — заглавная «Я» из «Яндекс»;
  • «en» — заглавная «Y» из «Yandex»;
  • «bell» — колокольчик.

Чё делать-то, ребяты...?  И желательно, чтобы кнопка выглядела как и остальные на сайте.

[doma 22]

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

Пойдем дальше и предложим подумать над таким функционалом для конструктора как напоминание об актуальности сообщения
и дать возможность
1) запретить уведомление 
2) разрешить уведомление пользователя разместившего объявление письмом на почту об актуальности объявления (например кто использует билинг) и дать возможность администратору выставлять время-колво дней  через которое необходимо направить письмо (напомнить пользователю) во первых о себе во вторых об актуальности объявления (может цену подкорректирует может выпишется кто то из квартиры, может еще что то изменится) таким образом повышаем посещение на свой сайт, напоминаем о своем существовании, раскручиваем ресурс, предлагаем платные услуги ну и копеечку зарабатывают все