Меню Рубрики

Установка виджетов на nethouse

Установка виджета «Сообщения сообщества» от ВКонтакте

Подключение:

1. Установите Google Tag Manager по инструкции.
2. Откройте GTM https://tagmanager.google.com.

3. Перейдите в раздел «Теги» и нажмите кнопку «Создать».
4. Укажите название тега, например, «Сообщения сообщества», нажмите на поле «Конфигурация тега» и выберите «Пользовательский html».
5. В настройках тега в поле HTML необходимо вставить код виджета «Сообщения сообщества» от ВКонтакте.
6. Перейдите по адресу https://vk.com/dev/CommunityMessages, выберите необходимое сообщество.
Перейдите в настройки сообщества
Включите сообщения
Скопируйте код виджета
7. Вставьте полученный код в настройках тега Google Tag Manager. Ниже на странице находится блок «Триггеры», перейдите к нему.
8. Нажмите на поле «Триггеры».
Выберите в условиях активации «All Pages».
Нажмите «Сохранить».
9. Виджет «Сообщения сообщества»создан, теперь его нужно опубликовать на сайте. Для этого нажмите кнопку «Отправить»,
«Опубликовать»
и «Пропустить».
10. Готово! Сервис установлен на сайте.

источник

Инструкция по установке кода на Nethouse

Для установки нашего сервиса на Nethouse, Вам необходимо:

1. Зайти на сайт Leadmaster.pro и авторизироваться в личном кабинете.

2. В левой панели меню выбрать вкладку Сайты. Найти сайт на который Вы хотите установить наш сервис и нажать на кнопку Получить код.

Далее необходимо прикрепить наш код в Google Tag Manager, Вам необходимо:

2. Далее, если у Вас не создан аккаунт, то нажимаем на кнопку «Создать аккаунт»

3. Затем вводим название аккаунта, понятное для Вас и нажимаем на кнопку «Далее»

4. Следующее, что необходимо, это ввести адрес вашего сайта(без http://), выбрать «Веб-сайт» и нажать кнопку «Создать»

5. Соглашаемся об Условиях использования Диспетчера тегов Google и нажимаем кнопку «Да»

6. В аккаунте Google Tag Manager выбираем слева пункт меню «Теги»

7. Далее нажимаем кнопку «Создать»

8. Затем нажимаем кнопку под заголовком «Конфигурация тега»

9. Выбираем пункт «Пользовательский HTML»

10. Вставляем скопированный ранее код из личного кабинета на сайте Leadmaster.pro

11. Далее нажимаем на кнопку под заголовком «Триггеры»

12. Выбираем триггер всех страниц, если у Вас не добавлен, то нажимаем на крестик справа вверху.

13. Нажимаем на кнопку ниже заголовка «Настройка триггера»

14. Далее выбираем пункт меню «Просмотр страницы»

15. Выбираем «Все просмотры страниц» и нажимаем на кнопку «Сохранить»

16. Еще раз нажимаем на кнопку «Сохранить»

17. Далее нажимаем на кнопку «Опубликовать»

18. Затем нажимаем кнопку «Далее»

19. Теперь необходимо найти фрагмент кода для подключения Google Tag Manager. Для этого заходим в пункт меню «Администрирование» и выбираем «Установить Диспетчер тегов Google»

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

21. Выбираем из списка «Google Tag Manager»

22. Далее переходим в пункт «Вставить код», копируем фрагмент кода ниже и нажимаем на кнопку «Сохранить»

источник

Установка виджетов на nethouse

Сегодня наша платформа делает большой шаг вперед. Мы подключили диспетчер тегов Google Tag Manager. С его помощью Вы сможете установить на свои сайты десятки новых сторонних сервисов, виджетов и приложений. Полезных и самых разных. Тех, которые Вы уже просили нас интегрировать и еще не успели попросить. Вот самые популярные:

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2305_smg4ahsvmj.png (https://top.mail.ru/)
Рейтинг Mail.ru (https://top.mail.ru/)

Cистема веб-аналитики, собирающая данные о посетителях веб-сайтов и их устройствах.
Инструкция по подключению (http://nethouse.ru/about/instructions/ustanovka_schetchika_rejtinga_mail_ru)

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2296_fkb43evjuz.png (http://top100.rambler.ru/)
Рамблер ТОП100 (http://top100.rambler.ru/)

Рейтинг и каталог ресурсов интернета, а также сервис статистики посещаемости.
Инструкция по подключению (http://nethouse.ru/about/instructions/ustanovka_schetchika_rambler_top100)

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2304_f1so6q32ti.png (https://www.facebook.com/)
Пиксель Facebook (https://www.facebook.com/)

Инструмент, который позволяет оценивать, оптимизировать и создавать аудитории для рекламных кампаний в ведущей социальной сети Facebook.
Инструкция по подключению (http://nethouse.ru/about/instructions/ustanovka_pikselya_facebook)

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2303_h6fn2258be.png (http://adwords.google.com/)
Отслеживание конверсий AdWords (http://adwords.google.com/)

Позволяет бесплатно узнать, как часто пользователи после клика по объявлению из Google покупают товары и услуги, заполняют формы и т.д.
Инструкция по подключению (http://nethouse.ru/about/instructions/kod_otslezhivaniya_konversij_google_adwords)

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2279_a27g0v7bil.png (https://livetex.ru/)
LiveTex (https://livetex.ru/)

Набор решений для коммуникации с посетителями сайта: онлайн-консультант, генератор лидов, звонок с сайта, интеллектуальную систему вовлечения посетителей в диалог.
Инструкция по подключению (http://nethouse.ru/about/instructions/ustanovka_onlajn_konsultanta_livetex)

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2297_gp1xdznyrf.png (http://redhelper.ru/)
RedHelper (http://redhelper.ru/)

Читайте также:  Установка подогрев сидений для 2110

Система онлайн-консультирования, увеличивающая число лидов с сайта засчет удобного чата и возможности в реальном времени видеть все действия посетителя.
Инструкция по подключению (http://nethouse.ru/about/instructions/ustanovka_onlajn_konsultanta_redhelper)

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2298_qecsx95qrb.png (http://redconnect.ru/)
RedConnect (http://redconnect.ru/)

Обратный звонок для сайта с полноценной бесплатной версией. Сервис создан для повышения количества звонков и эффективной лидогенерации на сайте.
Инструкция по подключению (http://nethouse.ru/about/instructions/ustanovka_vidzheta_redconnect)

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2299_p0trqp7z2t.png (https://witget.com/)
Witget.com (https://witget.com/)

Онлайн-конструктор виджетов с умными настройками. С помощью сервиса можно решать разноплановые задачи: сбор контактов, проведение опросов, показ видео и т.д.
Инструкция по подключению (http://nethouse.ru/about/instructions/ustanovka_witget_com)

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2300_10t4l8o0tn.png (https://www.yclients.com/)
YCLIENTS (https://www.yclients.com/)

Платформа для автоматизации сферы услуг. Позволяет вести журнал предварительной записи, отправлять SMS-уведомления, формировать клиентскую базу и вести историю посещений.
Инструкция по подключению (http://nethouse.ru/about/instructions/ustanovka_servisa_onlajn_zapisi_yclients)

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2291_6sdiu5pfcr.png (https://callbackkiller.ru/)
CallbackKILLER (https://callbackkiller.ru/)

Сервисы для повышения эффективности маркетинга и продаж. Обратный звонок, онлайн чат, генератор клиентов и захватчик гарантировано повысят конверсию сайта.
Инструкция по подключению (http://nethouse.ru/about/instructions/ustanovka_callbackkiller)

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2301_fon1b6mta4.png (http://f1call.com/)
F1call.com (http://f1call.com/)

Сервис обратного звонка и бесплатный онлайн-консультант для сайта. Особенности: встроенное А/Б тестирование окон обратного звонка, телеграмм-бот для онлайн-консультанта.
Инструкция по подключению (http://nethouse.ru/about/instructions/ustanovka_servisa_povysheniya_konversii_f1call)

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2289_ouxhmf5b4j.png (http://cloudim.ru/?utm_source=nethouse&utm_medium=site&utm_campaign=google_tag_promo)
Cloudim (http://cloudim.ru/?utm_source=nethouse&utm_medium=site&utm_campaign=google_tag_promo)

Простой и удобный онлайн-консультант для сайта. Увеличивает конверсию посетителей в покупателей и средний чек. Получайте больше денег при тех же расходах на привлечение клиентов.
Инструкция по подключению (http://nethouse.ru/about/instructions/ustanovka_onlajn_konsultanta_cloudim)

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2290_4prjvfmjdr.png (http://leadback.ru/?utm_source=nethouse&utm_medium=site&utm_campaign=google_tag_promo)
Leadback (http://leadback.ru/?utm_source=nethouse&utm_medium=site&utm_campaign=google_tag_promo)

Виджет заказа обратного звонка. Посетители заходят на ваш сайт, нажимают на кнопку, вводят свой телефон и уже через 27 секунд Ваш сотрудник общается с клиентом и делает продажу.
Инструкция по подключению (http://nethouse.ru/about/instructions/ustanovka_servisa_obratnogo_zvonka_leadback)

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2288_tsmpoonlsl.png (http://www.carrotquest.io/?utm_source=nethouse&utm_medium=site&utm_campaign=parteners)
Carrot Quest (http://www.carrotquest.io/?utm_source=nethouse&utm_medium=site&utm_campaign=parteners)

Сервис, который собирает ключевую информацию о каждом посетителе вашего сайта и на основе нее помогает доводить их до покупки, как вручную, так и автоматически.
Инструкция по подключению (http://nethouse.ru/about/instructions/ustanovka_carrotquest_io)

http://nethouse.siteapi.org/promo/static/img/000/000/002/1_2302_7apql5boaw.png (http://perezvoni.com/)
Perezvoni.com (http://perezvoni.com/)

Виджет обратного звонка с аналитикой и безлимитной связью от 1490руб. Увеличивает кол-во звонков с сайта на 88% за счет подмены текста под «ключевой запрос» клиента.
Инструкция по подключению (http://nethouse.ru/about/instructions/ustanovka_servisa_perezvoni)

Установка этих виджетов и приложений позволит резко увеличить функциональность Ваших сайтов, увеличить продажи, привлечь, заинтересовать и удержать клиентов. Обязательно используйте их.

источник

Установка сервиса YCLIENTS

YCLIENTS – платформа для автоматизации сферы услуг. Позволяет вести журнал предварительной записи, отправлять SMS-уведомления, формировать клиентскую базу и вести историю посещений.

Подключение:

1. Установите Google Tag Manager по инструкции.
2. Откройте GTM https://tagmanager.google.com.

4. Укажите название тега, например, «Сервис онлайн-записи YCLIENTS», нажмите на «Конфигурация тега»
и выберите «Пользовательский html».
5. В настройках тега в поле HTML необходимо вставить код сервиса YCLIENTS, Чтобы его получить, перейдите на сайт сервиса.
6. Зарегистрируйтесь или авторизуйтесь на сайте YCLIENTS, настройте сервис онлайн-записи, инструкция http://support.yclients.com/hc/ru/articles/202820072. Получите код кнопки YCLIENTS для сайта, инструкция http://support.yclients.com/hc/ru/articles/203046042. Перейдите в раздел Онлайн-запись — Веб-сайт, нажмите «редактировать» под нужной формой и далее выберите Код кнопки. Скопируйте полученный код.
7. Вставьте полученный код в настройках тега Google Tag Manager. Ниже на странице находится блок «Триггеры», перейдите к нему.
8. Нажмите на поле «Триггеры».
Выберите в условиях активации «All Pages».
Нажмите «Сохранить».
9. Код кнопки сервиса онлайн-записи YCLIENTS размещен на сайте. Тег сервиса онлайн-записи YCLIENTS создан, теперь его нужно опубликовать на сайте. Для этого нажмите кнопку «Отправить»,
«Опубликовать»
и «Пропустить».
10. Сервис установлен на сайте. Настройки и оплата осуществляются в панели управления YCLIENTS.

источник

Установка виджетов

Размещение сторонних виджетов подразумевает доступ к редактированию HTML кода блока, в который будет добавляться виджет. Обратите внимание что данный режим редактирования доступен только на тарифах PRO и SHOP.

У каждого текстового блока в редакторе сайта есть 3 кнопки:

  • «Изменить» — предоставляет доступ к панели редактирования блока.
  • «Очистить» — полностью удаляет всю информацию без возможности восстановления.
  • «HTML» — предоставляет доступ к редактированию html кода содержимого блока.

Чтобы разместить код виджета, скопируйте его, нажмите кнопку «HTML» нужного блока и добавьте его в нужное место.

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

Читайте также:  Установки охлаждения воды с льдоаккумуляторами

1. Кнопки «Like», «Мне нравится».

Кнопка «Нравится» позволяет одним нажатием отметить материалы сайта как понравившиеся и поделиться ими на Facebook. Рядом с кнопкой «Нравится» вы можете разместить кнопку «Поделиться», чтобы люди могли настроить, с кем они хотят поделиться, а также добавить сообщение. Чтобы добавить кнопку «Нравится» от Facebook перейдите по ссылке

Перейдите в настройки конфигуратора кнопки.

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

Во всплывающем окне скопируйте обе части кода

и разместите в необходимом месте на указанной ранее странице.

Переопубликуйте сайт и проверьте отображение виджета.

Вконтакте «Мне нравится»

Чтобы добавить кнопку «Мне нравится» от ВКонтакте перейдите по ссылке

Выберите «Подключить новый сайт», введите доменное имя Вашего сайта и выберите необходимые настройки кнопки и нажмите «Сохранить».

Скопируйте код виджета из поля «Код для вставки» и разместите его на нужной странице сайта.

Переопубликуйте сайт и проверьте отображение виджета.

Важно! Пока Вы не нажмете кнопку «Сохранить» код в поле «Код для вставки» не будет сгенерирован именно для Вашего сайта, а сам пример кода не будет работать.

2. Виджеты Вконтакте, Facebook (группы, рекомендации, комментарии, опросы).

Все виджеты Вконтакте и Facebook вставляются по аналогии с кнопками «Мне нравится» и «Like». Получить коды можно по ссылкам для Facebook и Вконтакте.

3. Виджет Instagram.

Сегодня Instagram это самая быстрорастущая социальная сеть в России. С помощью этой платформы можно как рекламировать, так и продавать товары. Чтобы добавить виджет Instagram на сайт можно сделать его самому или создать с помощью уже готового конструктора. Подробные инструкции по созданию виджета Вы можете найти по ссылке. Готовый конструктор виджета доступен по ссылке.

Все настройки интуитивно просты. Нужно лишь добавить имя Вашего профилья в Instagram, установить параметры и нажать «Создать виджет». Код виджета доступен под предварительным просмотром.

4. Виджет «Поделиться».

Для вставки виджета «Поделиться» отлично подходит готовый виджет от Яндекс. Отметьте галочками нужные сервисы и скопируйте готовый код для вставки.

Переопубликуйте сайт и проверьте отображение виджета.

5. Подписка на RSS.

Мы отдаем в RSS все новости — все записи на странице типа «Новости». Чтобы получить ссылку на фид новостей просто допишите к адресу страницы новостей «.xml». Например если у вас новости сайта доступны по адресу http://yoursite.ru/news/, то ссылка на фид новостей будет выглядеть http://yoursite.ru/news.xml.

Мы будем делать подписку через Feedburner.
Перейдите на сайт http://feedburner.google.com и войдите в него под своим google-аккаунтом (если у вас его нет, то зарегистрируйтесь). Создайте новый RSS канал для своих новостей, для этого просто введите ссылку на rss-фид (как получить ссылку описано немного выше) и нажимайте на кнопку «Next» пока канал не будет создан.

Теперь, когда канал создан, нам нужно получить код для подписки. Для этого в настройках канала перейдите на вкладку Publicize раздел Chicklet Choose. Выбираем подходящий вид кнопки подписки, копируем код в нижней части раздела и вставляем его в нужное место на нашем сайте. Подписка на rss готова.

Сейчас мы реализовали подписку на RSS с помощью программы чтения RSS-лент.
Для организации подписки через email в этой же вкладке Publicize переходим в раздел Email Subscriptions.
Активируем подписку по email если она не активирована.

И нам становится доступен код, который нужно вставить в нужное место.

6. Вставка карт.

С помощью виджетов карт Вы можете не только указать где именно находится Ваш офис, склад, или магазин, но и проложить оптимальный маршрут для Вашего клиента.

Для получения кода карты перейдите в Конструктор карт Яндекса и нажмите «Создать карту».

Подробные инструкции по редактированию карт Вы можете найти по ссылке.

Читайте также:  Установка кондиционер на стадии ремонта

На примере сделаем карту маршрута от станции м. Ломоносовский проспект до Биологического факультета МГУ. В поле «Адрес или объект» вписываем «Биологический факультета МГУ и нажимаем «Найти».

Яндекс предложит выбрать точный адрес объекта. Возможно их будет несколько, выберите нужный Вам. Он автоматически будет добавлен в список объектов и будет отмечен на карте.

Таким же способом добавляем объект для станции м. Ломоносовский проспект. Однако, мы знаем что у м. Ломоносовский проспект 6 выходов. Приблизим карту и укажем какой лучше выход использовать нашим клиентам. Просто выделите объект и перенесите его. В нашем случае удобнее всего использовать выход№1.

Теперь мы можем проложить маршрут. Нажмите на кнопку «Линии» и нажатием левой кнопки мыши проложите маршрут.

Введите название карты и нажмите «Сохранить и продолжить».

Выберите границы Вашей карты, нажмите «Получить код карты» и скопируйте сгенерированный код.

Разместите код на странице и переопубликуйте сайт.

7. Вставка видео.

Загружать видео к нам на сервис нельзя. Вы можете встроить видео с youtube или любого другого подобного сервиса. Для этого нужно просто получить код видео и вставить его в нужное место на вашем сайте.

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

Нажмите кнопку «Поделиться» в правом нижнем углу под видео

в открывшимся окне нажмите на первый пункт «Встроить».

Код видео будет автоматически добавлен в буфер обмена. Перейдите на страницу Вашего сайта где желаете разместить видео и добавьте его. В этом способе получения кода Вы можете задать время с которого начнется видео при его запуске.

Или просто нажмите правой кнопкой мыши на видео и выберите «Копировать HTML-код». Код видео будет автоматически добавлен в буфер обмена.

Добавив код на сайте Вы можете быть неудовлетворены размерами виджета. Изменить это очень просто. Войдите в HTML редактор блока и задайте необходимые размеры. Они находятся в начале кода. width — ширина виджета, height — высота. Размеры указываются в пикселях. Сами значения обарачиваются в ковычки » «, не удалите их случайно.

8. Чат.

Для создания чата можно использовать, например, следующий сервис http://www.chatovod.ru/new/.
После заполнения простой формы вам на указанный email будет выслана ссылка для активации чата.

После активации чата нужно перейти в Панель управления и нажать на «HTML-код для вставки на сайт».

Теперь просто скопируйте первый вариант кода и вставьте его в нужное место на вашем сайте.

9. Строка поиска.

Подробно про поиск написано тут http://setup.ru/client/news/72. Но на тарифе PRO можно вставить строку поиска непосредственно в текст страницы. Для этого просто вставьте следующий код в нужное место:

*тут all, content, gallery и catalog это области поиска. Вы можете оставить только те, какие захотите.

9. Звонок по Skype.

Установка виджета Skype на сайт позволит вашим посетителям звонить или писать вам в Skype всего лишь нажав на кнопку.
Для установки виджета переходим на страницу http://www.skype.com/en/features/skype-buttons/create-skype-buttons/. Вводим в соответствующее поле ваш логин в Skype. После этого выбираем внешний вид кнопки.

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

11. Форма обратной связи.

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

Перейдите на сайт masterform.info Создайте такую форму обратной связи, которая вам нужна.

После нажатия на кнопку «Генерировать» вы увидете как будет выглядеть ваша форма.

Затем нажмите на кнопку «Получить код». Скопируйте сгенерированный код из открывшегося окна и вставьте в нужное место на своем сайте.

После этого вернитесь на сайт masterform.info и зарегистрируйте свой сайт, заполнив необходимые поля.

Готово! Теперь можете проверить свою форму в действии.

источник

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