- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы
Для интернет-магазина инженерных систем
Мария Лосева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Сегодня вконтакте(сам там не сижу, не мой источник информации) добавила новую "штуковину". Сообщение от вконтакте:
Каждый раз, когда пользователь ВКонтакте нажимает на эту кнопку на Вашем сайте, на его странице ВКонтакте автоматически создается заметка со ссылкой на Ваш сайт. После этого друзья пользователя сразу же смогут узнать о статье из трех источников - со страницы Мои Новости, со страницы Заметки друзей и с личной страницы опубликовавшего пользователя.
Последнее принесет Вашему сайту внимание дополнительных посетителей не только в краткий промежуток времени, но и в перспективе, так как ссылка на Ваш сайт навсегда останется доступной всем посетителям страницы опубликовавшего. Данная особенность выгодно отличает публикацию ВКонтакте от других методов публикации в интернете.
Разместить кнопку ВКонтакте на Вашем сайте очень просто. Для этого мы предлагаем воспользоваться конструктором кнопки ниже.
1. В тег <head> страницы Вашего сайта необходимо добавить следующий код:
<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?3"></script>
2. На странице Вашего сайта необходимо добавить код кнопки в любое удобное место. Простейшим образом это делается так:
<script type="text/javascript">
<!--
document.write(VK.Share.button());
-->
</script>
Этот код добавляет кнопку стандартного вида – со скругленными углами и со счетчиком ссылок, которая будет предлагать опубликовать в Заметках ссылку на ту страницу, на которой был вставлен данный код.
Для динамических сайтов
Если содержимое, в том числе включающее кнопки публикации ссылок ВКонтакте, обновляется на Вашем сайте динамически, то Вы можете использовать текст, возвращаемый функцией VK.Share.button для создания кнопок публикации "на лету". Все что Вам необходимо для этого сделать, это выделить в нужном месте контейнер для кнопки и после загрузки содержимого выполнить код, подобный следующему:
document.getElementById('vk_share_button').innerHTML = VK.Share.button('http://mysite.com', {type: 'link'});
Для сайтов без поддержки javascript
Если Вы не можете выполнять javascript-сценарии на Вашем сайте, например Ваша блог-платформа не поддерживает этой функциональности, Вы можете размещать прямую ссылку для публикации ВКонтакте. Эта ссылка имеет следующий вид:
http://vkontakte.ru/share.php?url={адрес страницы}
Код для ее размещения может выклядеть так:
<a href="http://vkontakte.ru/share.php?url=http://mysite.com" target="_blank">Поделиться ВКонтакте</a>
Дополнительные настройки
Кнопка публикации (функция VK.Share.button) имеет два параметра. Первый объект-параметр отвечает за то, как именно будет выглядеть публикуемая информация. Второй объект-параметр отвечает за то, как выглядит кнопка публикации.
Параметры публикации
Название Описание
url Ссылка на страницу, которая будет публиковаться.
title Заголовок публикации. Если не указан, то будет браться со страницы публикации (см. Используемая информация).
description Описание публикации. Если не указано, то будет браться со страницы публикации (см. Используемая информация).
image Ссылка на иллюстрацию к публикации. Если не указана, то будет браться со страницы публикации (см. Используемая информация).
noparse Если значение true, то сервер ВКонтакте не будет делать дополнительный запрос для загрузки недостающей информации с публикуемой страницы (см. Используемая информация). Если же значение false, то запрос будет отправляться всегда.
Для публикации ссылки на страницу, отличную от текущей, Вы можете использовать следующий код:
<script type="text/javascript">
<!--
document.write(VK.Share.button('http://mysite.com'))
;
-->
</script>
Пример кода, задающего все параметры публикации сразу, без необходимости обращения за ними к странице публикации:
<script type="text/javascript">
<!--
document.write(VK.Share.button({
url: 'http://mysite.com',
title: 'Хороший сайт',
description: 'Это мой собственный сайт, я его очень долго делал',
image: 'http://mysite.com/mypic.jpg',
noparse: true
}));
-->
</script>
Изменение внешнего вида кнопки
Внешний вид кнопки задается двумя параметрами:
Параметры кнопки
Название Описание
type Тип кнопки. Может принимать следующие значения:
round (значение по умолчанию) - кнопка со скругленными углами и со счетчиком ссылок.
round_nocount - кнопка со скругленными углами без счетчика ссылок.
button - кнопка с прямыми углами и со счетчиком ссылок.
button_nocount - кнопка с прямыми углами без счетчика ссылок.
link - текстовая ссылка с иконкой ВКонтакте.
link_noicon - текстовая ссылка без иконки.
custom - свой собственный код кнопки, задается в параметре text.
text Для всех типов кнопки, кроме custom, параметр text задает текст на кнопке, для типа custom этот параметр задает HTML-код кнопки.
Пример кода, создающего кнопку без указания параметров публикации, но отображаемую в виде ссылки Опубликовать с иконкой ВКонтакте:
<!--
document.write(VK.Share.button(false, {type: 'link', text: 'Опубликовать'}));
-->
Пример кода, создающего кнопку, с заданной ссылкой и заголовком публикации, в виде иконки ВКонтакте 32х32 пикселя:
<!--
document.write(VK.Share.button({url: 'http://mysite.com', title: 'Мой классный сайт'}, {type: 'custom', text: '<img src="http://vk.com/images/vk32.png" />'}));
-->
Используемая информация
Если параметр noparse не передается или равен false (см. Дополнительные настройки), то в диалоговом окне предварительного просмотра заметки перед публикацией будет использоваться информация с публикуемой страницы. Сервер ВКонтакте загружает содержимое публикуемой страницы и выполняет поиск необходимых параметров:
1. Заголовок. Если на публикуемой странице есть тег <meta name="title" content="...">, то заголовок будет взят из него, иначе будет использован тег <title>.
2. Описание. Если на публикуемой странице есть тег <meta name="description" content="...">, то описание будет взято из него.
3. Иллюстрация. Если на публикуемой странице есть тег <link rel="image_src" href="...">, то адрес изображения для иллюстрации будет взят из него, иначе будут взяты первые 8 тегов <img src="...">, и из них предложены в качестве иллюстрации те картинки, размер которых по ширине или высоте превышает 100 пикселей.
Пример кода сайта, с указанием заголовка, описания и изображения для иллюстрации, используемых для публикации ВКонтакте:
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="title" content="Заголовок статьи" />
<meta name="description" content="Описание статьи.
Это очень интересная статья." />
<link rel="image_src" href="http://mysite.com/mypic.jpg" />
</head>
Попробовал поставить, но проблема в том что контакт не парсит контент. Может как то можно переделать?
Противостояние социальным закладкам? Или же новый источник траффика?
Вставил эту кнопку со счетчиком, а она разъехалась в ширину...
Кто подскажет как пофиксить?
у меня не перекидывает на сайт, а на страницу вконтакте, мож потому что урл в бане хз, ИМХО туфту прикрутили
TC - а кто поставщик информации?
vkontakte
Тоже сижу смотрю, что то не понятное они там намутили, по моему, с кодировкой ерунда какая то....
Вставил эту кнопку со счетчиком, а она разъехалась в ширину...
Кто подскажет как пофиксить?
тоже самое
недоработали что то
🙅
Отличная штука. у меня уже 77
Не выровнять никак...
<p align="right">
<div style="text-align:right">
<p style="text-align:right">
не работают.
Только <center></center> слушается.
Не на всех сайтах почему то эта проблема вылазит. На одном тоже кнопка разъехалась, а на другом нормально все встало.
Единственное на UTF-8 шрифт надписи бился, пришлось забрать скрипт на хостинг, и поменять кодировку. Другого решения не нашел.
Еще не ставил, но мне кажется баги будут:). Кстати, результаты у кого есть?
А кто подскажет?
На дле, в твиттер, фейсбук. Где можно прочитать реализацию кнопок для таких систем?