logotip

2 способа поставить кнопку whatsapp на сайт


Всем привет! Сегодня покажу 2 способа, как встроить кнопку ватсап для вашего блога. Точнее не буду углубляться в процесс встраивания, так как инструкция и так достаточно подробная. Но всё же, запишу короткую видео демонстрацию, о том, как можно встроить кнопку ватсапп внутри блога, в файл шаблона вордпресс.

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

Ну и если возникнут вопросы, всегда можно спросить ))

facebook-whatsapp1[1]

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

1. Кнопка whatsapp, от сервиса Яндекс Поделиться:

Переходим на сайт Яндекс Поделиться: _https://tech.yandex.ru/share/

Ставим галочки на те кнопки, которые хотим видеть. Рекомендую до 5 штук:

И дальше всё просто — копируем готовый код, и вставляем в файл шаблона. Если пользуетесь блоговой системой вордпресс, то обычно это single.php , или подобное (зависит от шаблона).

В общем в видео покажу этот вариант.

Но есть 1 маленький минус такой кнопки. Так как её видят не только пользователи андройд устройств, но и пользователи компьютеров. Получается, что если нажать по этой кнопке, то посетитель уходит с сайта по непонятной ссылке, так как не получится запустить приложение ватсапп. Ведь ватсапп на компьютере не установлен у людей ))

А вот второй вариант более трудоемкий, но всё же инструкция хорошо расписана, и получилось её поставить в пару кликов.

2. Кнопка whatsapp для сайта от github

Переходим на сайт: _//kriskbx.github.io/whatsapp-sharing/

Переводим если ничего не понятно ))

И далее клик за кликом повторяем то, что нужно. А нужно по сути скачать архив, и загрузить в корневую сайта или шаблона (я загрузил в корень сайта). После чего, перед закрывающимся тегом «боди» разместить полученный скрипт:

В котором, поменять путь до файла whatsapp-button.js (показано желтым)

То есть, тот путь, того распакованного архива, который загрузили в корень сайта (смотрите в видео, этот момент покажу).

И также, где хотите видеть кнопку Whatsapp, туда встраиваете ссылку вида:

Эта ссылка и будет отображать кнопку ватсапп для тех пользователей, которые будут приходить с андройд.

По-этому, проверить можно только на мобильных устройствах!!! Будьте внимательны, если всё сделали, а кнопка на компьютере в браузере не отображается.

В общем, какой способ больше подходит, тот и используйте.

Я больше склоняюсь к варианту 2 ))

А вот и видео…

Видео о том, как разместить кнопку whatsapp для сайта

Автор публикации

не в сети 9 часов

Денис Повага

Нужна помощь? Пишите ниже или в одноклассниках: ok.ru/denis.povaga

Комментарии: 2060Публикации: 533Регистрация: 12-03-2013

Набор текста на дому

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



Один комментарий:
  • в 15:12
    ссылка

    По моим наблюдениям, главным качеством, чтобы люди нажимали на кнопку ватсап со своих сматрфонов — нужен постоянный поток трафика. Если будет мало просмотров у статьи, то и делиться никто ей не будет. Ведь whatsapp рекомендация, это тоже по сути конверсия. которая зависит от кол-ва просмотров, и интереса статьи. Так одни статьи блога могут давать больше распространений по месенджеру, а другие меньше. Как правило, общие тематики развлекательного характера, больше пробиваются на оценки класс и шаринг по социальным сетям, и внутри мобильного трафика. А вот узкие тематики, как никак — вызывают меньший интерес в общей массе аудитории. Но всегда можно найти своих поклонников. Спасибо!

    Ответить

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

Вход на сайт в 1 клик: 

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

Авторизация
*
*
Вход на сайт в 1 клик: 
Регистрация
*
*
*
Вход на сайт в 1 клик: 
Генерация пароля