16 «фишек» для вооружения Вашего сайта. Информеры на сайт для продвижения

Стоит ли размещать на сайте виджеты?. Читайте на Cossa.ru

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

• чаты для связи с онлайн-консультантом;
• сервисы обратного звонка;
• всплывающие окна с акциями и для сбора контактов;
• кнопки социальных сетей для расшаривания;
• блоки с отсчетом времени до события, курсом валют и другие вспомогательные элементы.

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

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

Онлайн-консультант

Онлайн-консультант — это чат в режиме реального времени с гибкими настройками и аналитикой (например, Jivosite, Redhelper, Livetex и др.).

Весь интернет-маркетинг за 19 недель!

Cossa рекомендует: онлайн-курс по интернет-маркетингу от Ingate — digital-агентства с 17-летним опытом.

• 17 учебных блоков по ключевым вопросам интернет-маркетинга
• Поддержка менторов
• Диплом
• Cтажировка в топовых агентствах России
• Помощь в трудоустройстве

Узнать больше >>

Реклама

Он помогает установить контакт с пользователями, которые может и нуждаются в помощи консультанта, но не хотят звонить в компанию. Такие люди есть: одни опасаются давать телефон из-за возможного «спама» звонками, другим неудобно разговаривать в рабочее время, а третьим попросту лень оторваться от компьютера.

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

Разработчики подобных сервисов уверяют — конверсия в продажи при использовании онлайн-консультанта увеличится на 20-50%. Но на практике этого происходит далеко не всегда.

Во-первых, далеко не каждому сайту нужен онлайн-консультант

Ещё год назад клич «Я тут! Давайте помогу!» раздавался чуть ли не с каждого сайта, едва пользователь успел зайти на него.

Сегодня повальное увлечение онлайн-консультантами, которое началось с интернет-магазинов, не так бросается в глаза. Чтобы убедиться в этом, зайдите на Ozon.ru, «Ситилинк», Lamoda.ru или любой другой успешный интернет-магазин.

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

К примеру, «Юлмарт» использует неактивный онлайн-консультант, который только обозначает возможность задать вопрос, но не приглашает в чат

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

Во-вторых, важна реализация виджета на сайте

Установить виджет технически несложно. Куда сложнее встроить его таким образом, чтобы он помогал продавать, а не отпугивал пользователей. Вот несколько рекомендаций из практики.

• Протестируйте размещение блока. Сплит-тестирования, которые мы проводили на сайтах клиентов в рамках оптимизации юзабилити, показали: наиболее удачное расположение виджета на сайте — скрываемый блок в нижнем правом углу — с ним пользователи взаимодействовали на 15% чаще, чем в случаях размещения в левом нижнем и по бокам. Но, разумеется, в каждом случае нужно тестировать и отталкиваться от верстки сайта. В открытом виде онлайн-консультант не должен загораживать другие функциональные элементы — навигационные кнопки, меню, номера телефонов и т. п.
• Настройте показы. Чтобы сделать всплывающее окно менее раздражающим, задайте сценарии показа онлайн-консультанта. Настройки сценариев напрямую влияют на конверсию виджета, и тут без тестирований и корректировок никуда. Чтобы избежать навязчивости, первый показ рекомендую делать не ранее, чем через 20 секунд после захода пользователя, и отключить повторные появления при переходе на другие страницы.
• Не забывайте про мобильный трафик. Онлайн-консультант должен корректно отображаться и функционировать в адаптивной версии сайта. Для мобильной версии можно и вовсе отказаться от чата, предусмотрев прямой набор номера из футера и раздела контактов.

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

При использовании таких виджетов решающий фактор — это работа оператора. Вот, с какими проблемами приходится сталкиваться чаще всего.

• Оператор «спит». Нередки случаи, когда клиент, получив автоприветствие, вступает в диалог и не получает ответа, или получает, но спустя несколько минут. Такие чаты — настоящие убийцы конверсии, с ними вы не только теряете клиентов, но и портите репутацию. Если по какой-то причине оператор отсутствует или не может быстро ответить на вопрос, онлайн-консультант должен быть переведен в режим офлайн. Предложите пользователю оставить свой вопрос, почтовый адрес или телефон для обратной связи. Обращений будет меньше, зато и негатива не последует.
• Оператор не продает. Цель онлайн-консультанта — не только быстро ответить на вопросы пользователей, но также продать товар или собрать контакты. Для этого нужно, как минимум, разработать инструкцию (скрипт), по которой оператор будет общаться с потенциальными покупателями.
• График оператора не совпадает с пиками активности пользователей. Случается, что оператор на связи с 9 утра до 6 вечера, а основная часть трафика на сайт приходит в период с 5 до 10 вечера. В этом случае нужно подстроить график консультанта под особенности поведения целевой аудитории.

Callback-виджеты

Реализация виджета обратного звонка (callback-виджета) может быть различной:

• простые кнопки, открывающие блок для введения контактов;

  

• интеллектуальные сервисы, которые отслеживают поведение пользователей на сайте и в нужное время выдают диалоговое окно (к примеру, Rocketcallback и Callbackhunter).

  

Такой функционал помогает обратиться к потенциальному покупателю практически моментально. Пользователю всего лишь нужно ввести номер телефона в предложенную системой форму, и через 25-50 секунд оператор перезвонит.

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

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

Что касается конверсии, то она, в зависимости от тематики бизнеса, типа виджета и его настроек, будет сильно отличаться. Разработчики популярного в России сервиса обратного звонка CallBackHunter обещают до 125% увеличения звонков с сайта.

Из нашей практики, владельцы сайтов отмечают — заявок на звонки не так много; они есть, однако поведенческие показатели (ПФ) на сайте начинают проседать. Причина чаще всего кроется в неумелой реализации виджета на ресурсе.

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

Несколько рекомендаций, как уменьшить раздражающий эффект callback-виджетов

• Устанавливайте время показа, ориентируясь на данные статистики. Прежде чем предложить связаться с консультантом, дайте пользователю время самостоятельно изучить сайт. Ориентируйтесь на среднее время пребывания на ресурсе и устанавливаете показ на 10-20 секунд раньше момента ухода.
• Используйте показ не более 2-х раз за сессию. К примеру, первый показ обозначит возможность заказать звонок, а второй сможет удержать пользователя при попытке закрыть вкладку с сайтом.
• Откажитесь от нецелевых диалогов. Опросы типа «Вы впервые у нас на сайте? Вы нашли, что искали? Хотите обсудить персональное предложение?» хоть и помогают собирать статистику, но отвлекают посетителей от изучения контента сайта, а, возможно, и от покупки.
• Исключайте повторный показ, если пользователь заполнил форму заявки. Одного звонка клиенту вполне достаточно, чтобы удовлетворить свои потребности.
• Протестируйте неактивный виджет. Если пользователи не оставляют контакты в нерабочие для операторов часы, лучше в это время вовсе не показывать вплывающее окно.

Социальные кнопки

Такой виджет представляет собой блок с кнопками различных социальных сетей (код для вставки можно сгенерировать с помощью AddThis, Share42, конструктора блока «Поделиться» от «Яндекса» и др.). С его помощью пользователи могут расшаривать информацию о товарах или услугах в «ВКонтакте», Facebook, Twitter, Google+ и других сервисах.

59 репостов на этой карточке товара как бы говорят пользователю, что такой диван пользуется популярностью

Из плюсов такого функционала — возможность без дополнительных вложений рекламировать свои товары/услуги в социальных сетях и привлекать дополнительную аудиторию. Но и здесь есть свои тонкости.

Исследование, проведенное Visual Website Optimizer, показало, что пестрые кнопки для расшаривания на продуктовых страницах способны отвлечь пользователя от основной цели — выбрать товар и положить его в корзину.

Эксперимент на сайте Taloon.com показал, что отказ от кнопок со счетчиком расшаривания увеличил конверсию кнопки «Купить» на 11,9%

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

Когда социальные кнопки нужны?

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

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

Вывод

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

Только так можно выжать из виджетов максимум пользы.

Читать по теме:

Как увеличить конверсию на сайте с помощью онлайн-консультанта Как замена 8-800 на обратный звонок с сайта увеличила продажи на 30%

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

www.cossa.ru

погоды, курс валют, новости, часы, социальных сетей

Многие владельцы для улучшения своего сайта устанавливают на него различные сторонние информеры или виджеты. Информер — это «информатор», который призван донести до посетителя дополнительную информацию.

Как правило, все CMS позволяют разместить на сайте информеры.

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

Обычно, информеры предоставляются бесплатно в обмен на установку обратной ссылки. Ссылка является частью информера.

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

Правила установки информера:

1. Желательно, чтобы информер совпадал с тематикой сайта и дополнял его, а не «перебивал». Например, если вы продаете импортные товары, уместно будет разместить информер «курс валют», а если вы являетесь турбазой или гостиницей, то не помешает информер погоды на сайте.

2. Доверяйте только надежным источникам информеров, поскольку информеры из непроверенных источников могут содержать вирусы.

3. Не перегружайте свой сайт информерами — есть опасность расфокусировать внимание посетителей, отвлечь от основной информации. Переизбыток информеров чреват торможением загрузки основного контента.

Виды информеров:

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

Информеры и виджеты курса валют

Информер курса валют будет полезен компаниям, у которых стоимость услуг или товаров привязана к курсу. Такие виджеты могут предоставить информацию о котировках на биржах, колебаниях цен. Валютные информеры можно брать на сайте investing.com, ExDex или forex-informers.

Информеры и виджеты погоды

Информер погоды на сайт следует размещать компаниям, которые предоставляют услуги по туризму, рыбалке, охоте и размещению гостей, например турбазы, гостевые дома и гостиницы. Возможно, такие информеры подойдут и магазинам, которые продают сезонные вещи, например оборудование для зимних видов спорта. Можно воспользоваться сервисами Gismeteo или Яндекс.Погода. Gismeteo. Они развернутые и краткие. Дают информацию о текущей погоде и прогноз на несколько дней.

Информеры и виджеты новостей

Информер новостей на сайте пригодятся тематическим сайтам, правда стоит размещать только ленты новостей той же или схожей тематики, что и ваш сайт. Практически все виджеты новостей позволяют размещать новости определенных категории: политика, финансы, культура, спорт и прочее. Вы без труда сможете подыскать подходящий для тематики вашего сайта новостной информер. Например, Яндекс.Новости или New2world.

Информер Яндекс.Расписания

Информер Яндекс.Расписания, будет полезен сайтам которые предоставляют услуги приезжим лицам, например гостиницам или гостевым домам, в прочем и туристическим сайтам данный информер будет весьма полезен. 

Информеры и виджеты часов

Информер Яндекс.Часы поможет вашим клиентам ориентироваться во времени, или сопоставлять данные в зависимости от времени, это будет полезно если ваши услуги или доставка привязана ко времени, будь то доставка пиццы, или сервис такси. Так же есть следующие сервисы: ibooked.ru, 24webclock.com.

Виджеты «Поделиться» в социальных сетях

У Яндекса вообще много полезных информеров для сайта, кроме тех, которые мы уже разобрали. Один из них блок «поделиться» для социальных сетей, о нем можно почитать в статье «Кнопки социальных сетей».

Информеры и виджеты календаря

Информер календарь для сайта будет удобен посетителям сайта, если им нужно видеть какие-то даты, например, начала тура, экскурсии или начало/конец приема каких-либо документов. Очень удобный сервис календаря предлагает Google. Здесь они описывают инструкцию по размещению информера календарь на сайте.Так же есть следующие сервисы: chasikov.net.ru, calendar.yuretz.ru.

Информеры счетчиков посещаемости

У счетчиков посещаемости так же имеются информеры, на них отражены данные о посещаемости сайта, обычно их располагают в боковых колонках сайта или в подвале.

Чаще всего их устанавливают для потенциальных рекламодателей, чтобы они видели информацию о количестве посетителей сайта и просмотров страниц. Так же распространены виджеты показателей ТИЦ и PR, которые оповещают о популярности и цитируемости ресурса. Стоит понимать, что открывая эти данные для всех, их так же будут видеть и ваши конкуренты.

Информеры и виджеты социальных сетей

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

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

Онлайн-консультант для сайта

• Jivosite – это раскрывающееся на сайте компактное окно чата, для общения он-лайн консультанта и посетителя сайта. Этот виджет позволяет переписываться, отправлять файлы, бесплатно звонить оператору прямо с сайта. Как показывает практика, этот виджет повышает конверсию сайта, многим удобней написать в чате и пообщаться с оператором который всегда на связи, чем писать на электронную почту и звонить. Это увеличивает эффективность сайта, повышая продажи без вложений в рекламу, дает оперативную связь с клиентом. Jivosite имеет гибкие настройки дизайна, которые доступны только в платной версии, зато настроенный виджет легко впишется в ваш сайт.

Как добавить информер или виджет на сайт?

Разберем пример установки информера Яндекс.Погода на сайте, созданном на базе конструктора Нубекс.

1. Заходите в сервис Яндекс.Погода, введите там название вашего города, выберите один из предложенных виджетов и в окне «Код информера» появится html-код. Сохраните его.

2. Теперь заходите в систему управления сайтом и выбираете место, где бы вы хотели, чтобы располагался информер. В нашем примере мы выберем левую колонку сайта. Поэтому заходите в «Документы сайта» -> «Колонка №1» -> «Создать текстовый блок»

3. Нажимаете на кнопку «Источник» и в это окно вставляете сохраненный html-код. Не забудьте сохранить изменения.

4. Информер погоды появился на вашем сайте.

Информация к размышлению

Подумайте, может на вашем сайте один из описанных информеров помог бы вашим клиентам. Информер может оказаться очень полезной вещью, ведь он будет доносить до посетителя полезную информацию, и поможет ему сделать выбор в пользу вашей компании или предложения. Однако не стоит увлекаться и ставить на сайт все подряд, подумайте какие информеры или виджеты реально помогли бы вашим посетителям, а может и вам самим улучшить ваш сайт или бизнес.

nubex.ru

Финансовые виджеты (информеры) для вашего сайта — TradingView

США	NASDAQ - фондовая биржа NASDAQ	BATS	Акции с задержкой
США	NYSE - Нью-Йоркская фондовая биржа	BATS	Акции с задержкой
США	NYSE ARCA & MKT - Акции Нью-Йоркской фондовой биржи и Arca	BATS	Акции с задержкой
США	OTC - OTC Markets	OTC Markets Group	Акции с задержкой
США	CME Group (GLOBEX, CBOT, COMEX, NYMEX) фьючерсы	CME, CBOT, COMEX, NYMEX	Фьючерсы с задержкой
США	CBOE - Чикагская биржа опционов	CBOE	EOD данные по фьючерсам и индексам
США	SP - Индексы S&P	CME	EOD данные по индексам
США	DJ - Индексы Доу-Джонса	DJ	EOD данные по индексам
США	ICEUSA - ICE Futures U.S.	ICEUSA	EOD данные по фьючерсам
Канада	TSX - Фондовая биржа Торонто	TSX	EOD данные по акциям и индексам
Канада	TSXV - Венчурная биржа TSX	TSXV	EOD данные по акциям и индексам
Индия	BSE - Фондовая биржа Бомбей	BSE	EOD данные по акциям, индексам и фьючерсам
Индия	NSE - Национальная фондовая биржа Индии	NSE	EOD данные по акциям и индексам
Европейский союз	Euronext - Европейская фондовая биржа	Chi-X Europe	EOD данные по акциям
Европейский союз	EUREX - Европейская биржа	EUREX	EOD данные по фьючерсам
Европейский союз	ICEEUR - ICE европейские фьючерсы	ICEEUR	EOD данные по фьючерсам
Австрия	VIE - Фондовая биржа Вены	Chi-X Europe	EOD данные по акциям
Германия	FWB - Франкфуртская фондовая биржа, XETR - Xetra	FWB, XETR	Данные с задержкой по акциям и индексам
Германия	SWB - Штутгартская фондовая биржа	SWB	Акции с задержкой
Ирландия	DUB - Фондовая биржа Ирландии	Chi-X Europe	EOD данные по акциям
Италия	MIL - Фондовая биржа Милана	MIL	EOD данные по акциям и индексам
Норвегия	OSL - Фондовая биржа Осло	Chi-X Europe	EOD данные по акциям
Испания	BME - Мадридская биржа	Chi-X Europe	EOD данные по акциям
Швеция	OMX - Фондовая биржа Стокгольма	Chi-X Europe	EOD данные по акциям
Швейцария	SIX - Швейцарская биржа	Chi-X Europe	EOD данные по акциям
Турция	BIST - Данные Стамбульской биржи по акциям с задержкой	BIST	Данные с задержкой по акциям, индексам и фьючерсам
Великобритания	LSE - Лондонская фондовая биржа (компании Британии)	LSE	EOD данные по акциям
Великобритания	LSIN - Лондонская фондовая биржа (международные компании)	LSIN	EOD данные по акциям
США	Финансовый анализ акций	EDGAR	Финансовый анализ (EOD)
Весь мир	Валюты и CFD	FXCM, IDC, Oanda, FOREX.com	Данные Форекс в реальном времени
Весь мир	Экономические данные и многое другое	QUANDL	Экономические данные (EOD)
Весь мир	Биткоин и другие криптовалюты	Poloniex, Kraken, Bitstamp, Bitfinex и ещё	Данные криптовалют в реальном времени

ru.tradingview.com

Информеры для сайта: особенности

Продающие сайты "под ключ"!

Наши сайты зарабытывают вам деньги. Landing-page. Эффективные продающие сайты точно в срок и под ключ! Всего от 14700 рублейПодробнее...

Интернет-магазины "под ключ"!

Эффективные и удобные инструменты торговли (электронной торговли) "под ключ". Продают, даже когда вы спите! Всего от 33800 рублейПодробнее...

Комплексный интернет-маркетинг и продвижение сайтов

Максимальную эффективность дает не какой-то конкретный метод, а их комбинация. Комбинация таких методов и называется комплексным интернет-маркетингом. Всего от 5000 рублей в месяцПодробнее...

Скидка 50% на разработку логотипа

Профессиональный логотип поможет вашему бизнесу привлечь новых покупателей и усилить их приверженность к торговой марке, а также повысить доверие, так как он работает на вас 24 часа в сутки. В заключение к этому можно сказать, что лoготип занимает центральное место в индивидуальности компании. Всего 5000 рублейПодробнее...

Реклама в Yandex и Google

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

Social media marketing (SMM) — продвижение в социальных медиа

Реклама в Однокласcниках и на Mail.ru Создание, ведение и раскрутка групп и реклама ВКонтакте и Facebook. Всего от 5000 рублей в месяцПодробнее...

Приглашаем к сотрудничеству рекламные агентства и веб-студии!

Внимание Акция! Приглашаем к сотрудничеству рекламные агентства и различные веб-студии России! Индивидуальные и взаимовыгодные условия сотрудничества.Подробнее...

Ускоренная разработка любого сайта от 5 дней!

Внимание Акция! Ускоренная разработка любого сайта! Ваш сайт будет готов за 5-10 дней. Вы можете заказать разработку любого сайта "под ключ" за 5-10 рабочих дней, с доплатой всего 30% от его стоимости!Подробнее...

Ждем новых друзей!

Внимание Акция! Ждем новых друзей! Скидка 10% на услуги по созданию и(или) обслуживанию вашего сайта при переходе к нам от другого разработчика.Подробнее...

Приведи друга и получи скидку!

Внимание Акция! Приведи друга и получи скидку! Скидка 10% на услуги по созданию и(или) обслуживанию вашего сайта, если клиент заказавший наши услуги, пришел по Вашей рекомендации.Подробнее...

lred.ru

Как создать виджет для сайта?

Опубликовано:   2016-09-03 15:25:00 | 1943

 

Считается, что основная задача вебмастера – привлечение аудитории пользователей. Но это не совсем так. Можно сколь угодно много привлекать аудиторию, но если среди неё не будет лояльной – результаты конверсии опечалят. Чтобы увеличить активность пользователей при взаимодействии с сайтом, стоит сделать для него виджет.

О сколько виджетов нам разных…

Если обратиться к словарю, выяснится, что виджет (widget) – небольшое графическое приложение, встраиваемое в пользовательский интерфейс браузера или сайта, и показывающее какую-либо информацию из какого-нибудь места. Именно поэтому они могут быть очень разнообразны. Когда речь заходит о создании виджета для сайта, обычно под этим подразумевается одно из трех графических приложений:

• Обновляемый или просто визуально привлекательный элемент панели быстрых закладок;
• Лента обновлений для размещения на главной странице поисковой системы «Яндекс»;
• Модуль обновлений или комментариев, связанный с социальной сетью Facebook и отображаемый непосредственно на сайте.

Что ж, разберемся, как создать каждый из этих виджетов – и зачем он вам вообще нужен.

Создание виджета для Визуальных закладок (для движков Wordpress и других)

Сервис Визуальных закладок от «Яндекс» в последнее время становится всё более популярным. Он удобен, красив и функционален. Визуальные закладки встраиваются в браузеры на движке Chromium из соответствующего магазина, а также входят в Яндекс.Браузер прямо «из коробки».

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

Чтобы сделать его более привлекательным для пользователей, стоит совсем немного потрудиться. А именно – «поколдовать» с API Табло.

Но сначала требуется создать логотип сайта. Картинка должна соответствовать следующим правилам:

• Формат .PNG;
• Размер 150х60 пикселей;
• Прозрачный фон.

Сам виджет пишется на XML. В блокноте набирается следующий код:

{

“version”: “1.0”,

“api_version”: 1.

“layout”:

{

“logo”: “http://домен_вашего_сайта/адрес_файла_с_логотипом/название_файла_с_лого.png”,

“color”: “#номер_желаемого_цвета_в_HEX”,

“show_title”: false,

}

}

Файл нужно сохранить под названием manifest.json и закинуть в корневой каталог сайта.

Следующий этап – немного поколдовать с PHP. Ну, или HTML – в зависимости от того, на каком языке написан движок сайта. Если хедер находится в header.php, то изменения вносятся в этот файл. А если в каком-нибудь другом месте – нижеследующую строчку нужно вписать, соответственно, туда.

А вот код для включения:

<link rel=”yandex-tableau-widget” href=”/manifest.json” />

Этот код нужно вписать в хедер – то есть между открывающим и закрывающим HTML-тегами <head>.

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

Виджет сайта для главной страницы Яндекс

Многие знают, что главная страница поисковой системы Яндекс настраивается. И на ней можно разместить виджет своего сайта – чтобы пользователи могли узнавать обновления, не заходя собственно на веб-страницу. Это будет прекрасным преимуществом, так как снизит статистику отказов и повысит ваш проект в рейтинге поисковой системы.

Создать виджет для сайта несложно. Не нужно даже HTML изучать! Для такого виджета требуется, чтобы у сайта была RSS-лента. У движка Wordpress она имеется по умолчанию и располагается по следующему адресу:

http://домен/feed

А вот для других движков потребуется создавать её самостоятельно.

Итак, виджет для Яндекса делается в два простых шага:

1. Зайти на http://wdgt.yandex.ru/widgets и ткнуть на кнопку «Создать виджет»;
2. Заполнить панели с названием виджета, описанием, картинкой и адресом RSS-ленты.

Всё! Копировав ссылку для установки на Яндекс, можно убедить пользователей добавить виджет вашего сайта на главную страницу поисковой системы.

А ещё этот виджет можно разместить на вашем сайте – на боковой панели, например, или в «вылетающем окошке» pop-up.

Виджет Facebook

Социальные сети плотно вошли в повседневную жизнь современного человека. Правда, в «наших широтах» наиболее распространены «ВК» и «Одноклассники». Однако Facebook – лучшее место для продвижения сайта, особенного предлагающего какие-либо товары или услуги.

Почему? Причина тут проста. Именно в Facebook проще всего организовать вирусное продвижение контента среди «интеллектуальной элиты». Различные профессионалы в самых разных областях предпочитают пользоваться именно этой социальной сетью, а значит – тут проще всего создать лояльную, «думающую» аудиторию, от которой даже можно подчерпнуть какую-нибудь новую информацию.

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

Итак, вот она, пошаговая инструкция о том, как создать виджет для сайта. Только предполагается, что у вашего сайта – или компании – уже есть соответствующая страница на Facebook, созданная человеком, у которого также есть аккаунт в Facebook:

1. Нужно зайти от имени этого человека (авторизоваться через его логин и пароль) и нажать кнопку «Редактировать профиль» на главной странице профиля;
2. Пролистать страницу до конца и открыть «Разработчикам»;
3. На открывшейся странице отыскать кнопку Sharing, сопровождающуюся знаком Like, и смело в неё ткнуть;
4. Затем требуется выбрать «Социальные плагины»;
5. Найти Like Box;
6. Откроется страница настройки виджета, где можно установить его размеры, цветовую схему, контент и визуальную составляющую;
7. Затем нажатием кнопки Get Code можно получить код, выбрав язык разметки, максимально совместимый с движком сайта.

Виджет для Wordpress

Теперь осталась пара мелочей – разместить виджет на сайте. Для самого популярного движка – Wordpress – для этого придется добавить код в два различных места. Первое – футер. Туда добавляется JAVA-скрипт, определяющий функциональность виджета.

Второе – место непосредственного размещения виджета, например, сайдбар. Туда требуется скопировать CSS-код с div-блоком, в котором расположена ссылка на скрипт.

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

! Copyright © 2016 "Design ONE"

Похожие статьи:

5 приемов оптимизации страницы товара в интернет-магазине 10 приёмов для создания дружественного интерфейса сайта Продвижение сайта с помощью видео Раскрываем секреты: основные источники стабильного трафика на сайт Как правильно использовать видео в процессе поискового продвижения сайта? Онлайн конкурсы - секреты успеха Продвижение туристического сайта Продвижение бухгалтерского сайта Почему на ваш сайт приходят, но не покупают? Генерируем карту сайта и устраняем битые ссылки

dizainodin.ru

16 «фишек» для вооружения Вашего сайта

Миша Радионов

Опубликовано: 11 Авг 2014

Вернуться в блог

Разработкой сайтов в Екатеринбурге сейчас уже никого не удивишь. Огромная конкуренция, существующая на рынке, толкает веб-студии на разные ухищрения, заставляя придумывать все новые и новые «фишки» для сайтов своих клиентов. Сегодня Студия Флаг поделится своими секретами при разработке сайтов, которые помогают повысить степень доверия к ресурсу, увеличить конверсию, упростить управление сайтом и многое другое.Итак, разделим «фишки» на категории.

Визуальные «фишки»

• 1. Адаптивность

Адаптивность сайта – ключевой момент для большинства современных пользователей, живущих в стремительных мегаполисах таких, как Екатеринбург. А удобство пользователя – одна из основных задач при создании сайта. Значит, возможность, позволяющая максимально эффективно и удобно представить один и тот же портал как на смартфоне с планшетом, так и на настольном компьютере, является конкурентным преимуществом Вашего сайта. Адаптивность достигается за счет динамической оптимизации размеров страницы под каждый дисплей и позволяет вашему сайту всегда быть под рукой. Подробнее про адаптивность читайте в нашей статье «Мобильная версия или адаптивность?»

• 2. Виджеты социальных сетей

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

• 3. Виджет отзывов Flamp и Яндекс.Маркет

Задача виджета – автоматически выводить оставленные пользователями рекомендации по конкретному товару или услугам прямо на странице сайта. Это упростит посетителям поиск необходимой информации и позволит сразу же создать желаемый позитивный имидж компании.

• 4. Послойный слайдер

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

Отличная «фишка» для визуализации информации. Мапперы – это интерактивные области на сайте, облегчающие навигацию, взаимодействие и просто приятные глазу. Это могут карты, схемы, любые изображения. Реализация этого элемента требует времени, но какой эффект. Работаете на несколько регионов? – При разработке сайта поместите на главной странице интерактивную карту России, и пользователи наглядно увидят масштабы Вашей компании, а по клике на свой регион смогу перейти на страницу регионального филиала компании. Также решение подходит для сайтов интерьерных или мебельных магазинов, как показано на примере.

«Фишки» для повышения или отслеживания конверсии

• 6. Динамические заголовки

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

Функция Call Tracking обеспечивает автоматическую подмену телефонов на сайте. Т.е. для посетителя, зашедшего на сайт с контекстной рекламы, будет показан один номер, а для посетителя из социальной сети – другой. Отслеживая количество звонков по разным номерам, Вы всегда сможете определить наиболее эффективный источник рекламы и сделать упор на его развитие для привлечения максимального числа клиентов.

• 8. Онлайн-консультант с web-визором

Онлайн-консультант сам по себе уже вещь привычная и частенько устанавливается при создании сайтов для помощи посетителям. Но функция web-визора значительно расширяет его возможности. Онлайн-консультант с web-визором поможет клиентам получить необходимую информацию о товаре или услуге, которая не представлена на статичной странице. Web-визор обеспечивает отслеживание действий пользователей в реальном времени и вводимой ими информации, что позволит специалисту заранее подготовить ответ на интересующий вопрос. Однако, минус этой «фишки» в необходимости постоянно оставаться на рабочем месте и следить.

• 9. Форма обратной связи с SMS-уведомлением

Форма обратной связи с SMS-уведомлением крайне удобна для владельцев небольших сайтов, самостоятельно работающих с заказами пользователей. Разработка сайта с такой функцией позволяет получить текстовое сообщение на Ваш номер о поступлении нового заказа через несколько секунд. Быстрая реакция на запросы потенциальных клиентов увеличивает их лояльность, не дает им время на поиски аналогов и не позволяет передумать. Ни один клиент не останется не замеченным!

• 10. IP-телефония с автоматическим дозвоном

Этот прием позволяет не откладывать общение с клиентом в долгий ящик, автоматически соединяя с посетителями сайта. Работает довольно просто: клиент оставляет свой номер телефона, нажимает кнопку и IP-телефония соединяет его с менеджером. Функция ускоряет получение конверсии с сайта – клиенту не нужно мучиться с заполнением длинных форм, ждать звонка оператора, тратить свои деньги или же бегать в поисках гарнитуры для звонка с сайта.

• 11. A/B тестирование

Маркетинговый прием для экспериментаторов и оптимизаторов. A/B тестирование показывает разным пользователям две разные версии страницы. В результате можно оценить, как даже самое небольшое отличие в элементах влияет на поведение пользователей – захотят ли они дальше остаться на странице и сделать заказ или предпочтут уйти. A/B позволяет выявить ошибки и упущения, совершенные в процессе создания сайта, исправить их и тем самым повысить конверсию с сайта.

«Фишки» управления сайтом

• 12. Адаптивная админка

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

Сколько раз по случайности или невнимательности Вы удаляли важный документ, сохраняли ошибочные изменения или просто стирали информацию? Эта «фишка» поможет избежать подобных казусов при управлении материалами на сайте. Подобно корзине в Windows, корзина в WordPress позволит восстановить удаленные документы или страницы сайта, а дополнительная функция резервных копий поможет восстановить предыдущие версии страниц. Теперь Ваш сайт защищен как от случайных ошибок, так и от нерадивости контент-менеджера.

• 14. Вставка видео и встроенный фото-редактор

Еще одна «фишка» WordPress – это встроенные редактор, значительно упрощающий наполнение сайта медиа-контентом. Функция редактирования фото, заботливо предлагаемая Студией Флаг своим клиентам, позволит отказаться от предварительной обработки материалов на компьютере с использованием дополнительных программ. Вместо этого будущее содержимое страницы можно загружать прямо на сайт, изменяя его в администраторской панели.

• 15. Медиа-менеджер с drag-and-drop

Перейти от поиска файлов по папкам с помощью проводника к удобной отправке материалов прямо на сайт можно с медиа-менеджером WordPress, поддерживающим drag-and-drop функцию. Все необходимые материалы можно выделить и перенести в окно браузера, после чего они будут загружены на страницу. С такой возможностью работа над содержимым страницы занимает гораздо меньше времени.

Расширить функционал своего сайта, не вдаваясь в сложности программирования, помогут шорткоды WordPress. Шорткод, следуя из его названия, призван экономить время при создании страницы или ее наполнении. Область применения очень широка – создание фотогалерей, показ RSS ленты, показ видео с Youtube, различные кнопки, колонки, анимация… Список можно продолжать довольно долго. Специалисты Студии Флаг с радостью помогут Вам создать для Вас подходящие шорткоды и научить ими пользоваться, экономя время при изменении сайта.

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

Давайте дружить!

Последние записи блога Please enable JavaScript to view the comments powered by Disqus.

flagstudio.ru

Информеры Яндекс для продвижения сайта: информеры погоды, пробок, новостей

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

Яндекс.Новости

Получить код новостного информера можно на странице http://news.yandex.ru/export.html. Для этого необходимо выбрать тематику новостей (предлагается более 30), количество заголовков (3, 5 или 15), их сортировку, оформление и настройки показа даты и времени. Готовый скрипт необходимо скопировать и вставить в код сайта.

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

Раскрутка сайта с помощью Яндекс. Новостей заключается в их трансляции в формате RSS 2.0. Для размещения заголовков и аннотаций сюжетов на странице необходимо указать Yandex как источник новостей и проставить ссылки под preview каждой публикации на данный сервис.

Яндекс.Расписания

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

Яндекс.Погода

Погодный информер Яндекса доступен в 4х размерах: 175 х 114, 200 х 100, 120 х 156 или 150 х 150. Можно выбрать блок белого цвета или разноцветный. Оттенки меняются от темно-синего до светло-желтого в зависимости от погодных условий в выбранном городе. При резких похолоданиях ночью значение температуры выделяется красным. Дополнительно демонстрируются предупреждения о гололеде, грозе, тумане и других атмосферных явлениях. Данный информер может устанавливаться, например, при продвижении в Яндексе сайтов какого-либо города или региона.

Яндекс.Пробки

Информер позволяет разместить на сайте информацию о загруженности дорог в Москве, Санкт-Петербурге, Екатеринбурге или Киеве. Доступны 9 вариантов размера блока — от 88 х 110 до 234 х 200 и 2 дизайна.

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

promo.ingate.ru

---

Смотрите также

• 
  Плюсы продвижения сайта в яндексе
• 
  Дизайн сайтов как инструмент продвижения
• 
  Голден студио продвижение сайтов отзывы
• 
  Поиск партнеров по продвижению продукции
• 
  Ооо компания продвижение тверская область
• 
  Продвижение сайта с помощью соцсетей
• 
  Реклама как способ продвижения сайта
• 
  Как выкладывать на сайт продвижение
• 
  Продвижение сайта как делать самому
• 
  Сайт инструмент для продвижения бизнеса
• 
  Seo продвижение сайта в уфе