Опубликовано Оставить комментарий

Плагин Google Chart на PlatformaLP

Platforma LP и Google Chart

В своей работе я часто использую платформу platforma lp  для быстрого создания лэндингов и тестирования различных гипотез. И вот решили мы в сервисе https://lead2call.ru немного оживить лэндинг и добавить ему интерактивности. Для мы выбрали google chart графики которые в режиме онлайн отображали бы интересные данные для потенциальных клиентов. И вот, что получилось!

lead2call

Что для этого потребовалось :

1) Библиотека  Google chart, для отображения данных

2) API на стороне backend , которое бы отдавало нужные нам данные

3) Cкрипт на platforma lp

 

 

С первыми двумя пунктами все просто библиотека google chart в свободном доступе, нужные Вам данные вы либо берете с  API сайта или с любого другого места, остановимся подробнее на том как все это сделать в platforma lp.

Для размещения произвольного Javascript кода на странице лэндинга Вам нужно будет создать плагин, добавить его Вы можете на в настройках страницы в меню метрика и скрипты. Дальше в самом лэндинге Вы вставляете произвольные HTML блоки с нужными вам Тэгами , как пример : <div id=»chart1″></div>

 

Дальше все просто , пишем скрипт, подгружающий по Ajax данные с нашего API , скармливаем  google полученные данные и выводим их с помощью функций в нужный нам div, пример :

var dataForNetwork = google.visualization.arrayToDataTable(data[‘network’]);  — инициализируем переменную и заполняем ее данными получеными с API

var options = { backgroundColor: ‘black’, legend: {position: ‘none’}, animation: { duration: 2000, easing: ‘out’, startup: true,}, title: ‘Пример вывода графика Google’, titleTextStyle: {color: ‘white’}, ‘height’: 300,}  — инициализируем переменную содержащую различные опции для отображения графика и добавляем немного анимации.

var chartNetwork = new google.visualization.ColumnChart(document.getElementById(‘chart1’)); — инициализируем переменную содержащую нужный нам вид графика и указываем в каком DIV будем отображат его

chartNetwork.draw(dataForNetwork, options); — ну и выводим все это на страницу .

Вот и все !

 

p.s.  Я оставил за бортом описание подключения самих графиков и написание ajax запроса , если это интересно пишите в комментариях я расскажу как это сделал я.

Опубликовано Оставить комментарий

SEO для сайта автозапчастей (часть 2)

Выбор инструментов

Итак определившись с выбором CMS, настало время продумать SEO для сайта автозапчастей. Заказ пришел ко мне из далекого города Челябинск, поэтому вооружившись wordstat , yandex и keycollector приступим.

SEO для сайта автозапчастей - keycollector

Заказ был на разработку интернет магазина автозапчастей для Рено Логан обоих поколений , вот и запустим кейколектор прочесывать все возможные варианты. Выбираем нужный регион в настройках Яндекса, не будим пока мудрить и что-то выдумывать, вбиваем Рено логан в список и запускаем KeyCollector парсить левую колонку яндекс Wordstat.  Пока он будет заниматься вытаскиваем всего того, что там люди ищут в Яндексе со словосочетанием Рено Логан я изучаю конкурентов на этом поле.

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

Постановка гипотезы

Рабочая гипотеза такая , что изначально пользователь ищет вполне конкретную запасную часть на вполне конкретный автомобиль. Если брать наш случай , то например вполне логичны запросы вида : «подшипник рено логан», «грм рено логан» , «щетки генератора рено логан» и т.д. Таким образом , чтобы попасть в ТОП10 по своему городу надо максимально соответствовать таким запросам.

SEO для сайта автозапчастей - Низкочастотные запросы Поработав Keycollector выдал мне примерно 2000 запросов со словосочетанием Рено Логан в этом регионе. Проанализировав их я убедился в верности своей гипотезы и попутно выявил еще несколько интересных моментов. Всего можно всю выдачу яндекса разбить на три большие части :

  1. Выдача по самому автомобилю, пользователи интересуются характеристиками, ценой , скидками, кредитами и остальным подобным связанным именно с этим автомобилем. Эти запросы не являются первоочередными для нашего сайта , мы же не собираемся продавать Рено Логан )
  2. Выдача по поиску различных запасных частей, это как раз то , что нам и требуется. Наши самые Важные ключевые слова по которым мы и будем стараться угодить господам из Яндекса и Гугла
  3. Выдача по решению различного рода проблем связанных с ремонтом данного автомобиля, вот этот момент изначально я упускал из виду, но на самом деле у него очень хорошая низкочастотная база и мне нужно будет продумать где и как можно будет учесть это при разработке сайта. Ремонт автомобиля это конечно совсем не то направление в котором работает заказчик, но как мне кажется оно может способствовать повышению конверсии магазина.

Итак, кейколлектор выдал мне обильную пищу для составления семантического ядра магазина. Займусь каталогизацией и примеркой полученных запросов к CMS. Что из этого получится читайте далее….