Ссылка поделиться в контакте – Как публиковать ссылки в сообщество «В контакте» через контекстное меню браузера или через кнопку «Поделиться» на сайтах?

Как Facebook и ВКонтакте выбирают картинку и текст для ссылки поделиться

Тот, кто пользовался кнопкой «Like» (‹Мне нравится») от Facebook или пытался поделиться ссылкой в социальных сетях Facebook или в ВКонтакте, наверное заметил, что вместе со ссылкой и кратким описанием страницы нередко цепляется совершенно неподобающая картинка.

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

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

В частности, подробное описание того, как заранее подготовить информацию, которую Фейсбук будет забирать по ссылке, дано в чек-листе для процедур публикации ссылки (по-английски гораздо короче – Facebook Sharing Checklist

(https://developers.facebook.com/docs/plugins/checklist?locale=ru_RU). Этот чек-лист хорош тем, что не только описывает технические моменты подготовки информации, но и рассматривает этот процесс концептуально. Ниже его основные рекомендации на текущий момент:

  1. Добавьте на ваш сайт обе кнопки: ‹Мне нравится» и «Поделиться»
  2. Используйте изображения размером не менее 1200×630 пикселов для последующей генерации превьшек для вашего контента в Facebook
  3. Используйте правильные теги Open Graph (http://ogp.me/)
  4. Используйте наш инструмент для отладки, чтобы проверить правильность тегов Open Graph
  5. Используйте наши инструменты для отслеживания того контента, которым люди хотят поделиться
  6. Применяйте трекинг событий в коде JavaScript для отслеживания работы плагина в реальном времени
  7. Используйте нашу встроенную поддержку перевода для отображения кнопок на различных языках

Остановимся поподробнее на тегах протокола Open Graph, так как именно они определяют правильность подгружаемой в социальную сеть информации:

Тэг Описание
og:title
Заголовок вашей статьи, но без брэндинга.
og:site_name Название вашего сайта (но не его адрес)
og:url URL как уникальный идентификатор вашей статьи. Он должен совпадать с каноническим URL, используемым для SEO, и он не должен включать в себя какие-либо переменные сессии, параметры идентификации пользователя или счетчики.
og:description Детальное описание контента, обычно 2 – 4 предложения.
og:image Абсолютный URL картинки, которую вы хотели бы предложить соцсети, когда люди будут «лайкать» или делиться ссылкой на ваш статью. Мы предлагаем вам использовать картинки с размерами не менее 1200×630 пикселов.
fb:app_id Уникальный ID который позволяет Facebook идентифицировать ваш сайт. Наличие этого тега критически важно для корректной работы Facebook Insights.

Помимо этого Фейсбук предлагает еще несколько дополнительных тегов, про которые можно прочесть в его оригинальном руководстве.

Как же практически должны выглядеть эти теги в коде страницы? В минимальном наборе примерно вот так:

<meta property="og:title" content="Заголовок страницы"/>
<meta property="og:site_name" content="Название вашего сайта"/>
<meta property="og:url" content="http://урл-вашей-статьи/"/>
<meta property="og:description" content="Краткое описание статьи для ее анонса"/>
<meta property="og:image" content="http://урл-вашего-сайта/каталог-с-картинками/имя-файла-картинки.jpg"/>

Ну и, наконец, чрезвычайно полезный инструмент для проверки правильности добавленных тегов Open Graph − Facebook debug tool to check your Open Graph tags (https://developers.facebook.com/tools/debug). Настоятельно рекомендуется к использованию.

Способ добавления этих мета-тегов в реальный сайт может быть разным и будет определяться используемой CMS. Например, для WordPress уже написаны плагины, облегчающую эту задачу. Такая возможность уже встроена в плагин WordPress SEO by Yoast, считающийся почти эталоном среди плагинов для поисковой оптимизации сайтов и поэтому часто применяемый, или может быть отдельно добавлена с помощью плагина Open Graph

(https://wordpress.org/plugins/opengraph/).

PS: Настраивал эти теги на других сайтах, а сделать на своем − пока руки пока не дошли 😉

Letyshops

Похожее

Как добавить блок на страницу?

data-bare Признак того, что загрузка стилей отключена. Если добавить атрибут, соцсети будут отображаться в виде текстового вертикального списка. Наличие или отсутствие атрибута.
data-copy Позиция кнопки Скопировать ссылку. Кнопка Скопировать ссылку может отображаться, если используется параметр limit.
  • first — кнопка вверху списка;
  • last
    — кнопка внизу списка;
  • hidden — кнопка не отображается.

Значение по умолчанию: last.

data-description Текст, которым нужно поделиться. Строка.

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

data-direction Направление списка кнопок.
  • horizontal — горизонтальное;
  • vertical — вертикальное.

Значение по умолчанию: horizontal.

data-hashtags
Хэштеги. Актуальны и работают только для Твиттера. Строка, указывается без знака #.

Несколько хэштегов указываются через запятую, без пробела.

data-image Изображение, которым нужно поделиться. URL изображения.

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

data-lang Язык блока. Локализуются подписи кнопок соцсетей и кнопка Скопировать ссылку.
  • az — азербайджанский;
  • be — белорусский;
  • en — английский;
  • hy — армянский;
  • ka — грузинский;
  • kk — казахский;
  • ro — румынский;
  • ru — русский;
  • tr — турецкий;
  • tt — татарский;
  • uk — украинский.

Значение по умолчанию: ru.

data-limit Количество соцсетей, отображаемых в виде кнопок. Используется если нужно встроить в блок много соцсетей, а также чтобы блок занимал мало места на странице. Не вошедшие в лимит соцсети будут отображаться в pop-up по нажатию кнопки . Натуральное число или отсутствие атрибута.
data-nonce Идентификатор директивы Content Security Policy. Используется для подтверждения безопасности скрипта блока «Поделиться». Строка, сгенерированная сервером.
data-popup-direction Направление открытия pop-up.
  • bottom
    — вниз;
  • top — вверх.

Значение по умолчанию: bottom.

data-popup-position Расположение pop-up относительно контейнера блока. Значение outer может понадобиться в том случае, если из-за специфики верстки вашего сайта pop-up обрезается соседними элементами страницы.
  • inner — внутри контейнера;
  • outer — снаружи контейнера.

Значение по умолчанию: inner.

data-services Список идентификаторов социальных сетей, отображаемых в блоке. См. список идентификаторов поддерживаемых соцсетей. Несколько соцсетей указываются через запятую без пробела.

Значение по умолчанию: vkontakte,facebook,twitter.

data-size Размер кнопок соцсетей.
  • m — большой ;
  • s — маленький .

Значение по умолчанию: m.

data-title Заголовок, которым нужно поделиться.

Строка.

По умолчанию указывается заголовок страницы, на которой размещен блок.

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

data-url Ссылка, которой нужно поделиться. Любой URL.

По умолчанию указывается URL страницы, на которой размещен блок.

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

Добавляем кнопки «Поделиться» для сайта

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

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

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

Кнопки поделится в соц. сетях от самых популярных сервисов

[aspan]Кнопки от Яндекс[/aspan]. Яндекс предлагает интересный и очень удобный конструктор для генерирования блока «Поделиться». Можно указать на выбор абсолютно любые популярнейшие социальные сети, а затем скопировать готовый код. Код представляет собой простой скрипт.

Внешний вид блока можно настроить как угодно – просто иконки, иконки со счетчиком репостов или просто иконки уменьшенного размера.

[aspan]share42.com[/aspan] – тоже мощнейший конструктор, позволяющий выбрать интересующие кнопки и настроить внешний вид блока «Поделиться». Если к сайту подключить библиотеку jQuery, то к кнопкам можно добавить счетчик, который будет подсчитывать количtство поделившихся.

Внешне такой блок с кнопками будет выглядеть примерно вот так:

[aspan]share.pluso.ru[/aspan] – я довольно долгое время пользовался именно этими кнопками. Кнопки «Поделиться» от Pluso отлично настраиваются под дизайн сайта. Можно выбрать любые интересующие соц. сети и понравившийся дизайн кнопок.

[aspan]uptolike.ru[/aspan] – позволяет сгенерировать блок с кнопками «Поделиться», при этом блок будет адаптивным для мобильных устройств. Внешний вид и цвет кнопок тоже хорошо настраивается в конструкторе.

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

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

И вовсе не стоит пугаться этого страшного слова. Добавить кнопку «Поделиться» при помощи API сможет любой, просто повторяйте действия, которые я опишу.

Кнопка «Поделиться» ВКонтакте

Для того, чтобы сгенерировать кнопку поделиться ВКонтакте для своего сайта, перейдите на [aspan]страницу виджетов ВКонтакте[/aspan].

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

Теперь, вам необходимо перейти по ссылке внизу страницы к подробной [aspan]документации виджета[/aspan], и подключить виджет согласно инструкции.

Facebook кнопка «Поделиться»

Кнопка «Поделиться» на фейсбук делается аналогичным образом. Для этого перейдите на [aspan]страницу конструктора[/aspan], в списке различных кнопок найдите кнопку «Поделиться» и выберете значение «Веб-платформа».

В появившимся конструкторе можете настроить внешний вид кнопки и получить код.

Код будет состоять из двух частей. Первую часть необходимо вставить после открывающего тега <body>. Этим кодом вы включаете SDK для JavaScript.

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

Делаем кнопку «Поделиться» в одноклассниках

Кнопка поделиться в одноклассниках вставляется так же при помощи небольшого куска кода. Чтобы получить этот код, перейдите на страницу [aspan]социальных виджетов одноклассников[/aspan], и в конструкторе настройте кнопку «Поделиться».

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

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

Share ссылки популярных социальных сетей / Блог им. holyback / PHP Time

Часто ли вам во время работы требуется создать кнопки share для социальных сетей Вконтакте, Facebook, Twitter и тд? У меня в работе они возникают с завидной регулярностью. Для того, что бы не перерывать тонны мануалов на десятке сайтов соц-сетей для разработчиков, я решил написать этот пост-заметку со списком ссылок для создания share кнопок. Список будет дополняться.

Переменные в листингах:

  • [URL] — url страницы, которой Вы собираетесь делиться в соц сетях.
    Например http://www.example.com/catalog/good/1.html.
  • [TITLE] — заголовок записи, который будет опубликован в соц сети.
    Например Продукт нашего завода.
  • [DESC] — описание записи, которое будет опубликовано в соц сети.
    Например Этот неведомый продукт был выпущен на нашем заводе «Торгпромсельмашхимстрой комбинат номер 5».
  • [IMAGE] — изображение, которое относится к публикуемой в соц сети записи.
    Например http://www.example.com/images/good-1.jpg.

Для начала в блоке head страницы, нужно добавить четыре мета тега:
<meta property="og:url" content="[URL]">
<meta property="og:title" content="[TITLE]">
<meta property="og:description" content="[DESC]">
<meta property="og:image" content="[IMAGE]">

А теперь размещаем ссылки.

Вконтакте
http://vk.com/share.php?url=[URL]&title=[TITLE]&description=[DESC]&image=[IMAGE]&noparse=true

Одноклассники
http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=[URL]&st.comments=[TITLE]

Mail.ru
http://connect.mail.ru/share?url=[URL]&title=[TITLE]&description=[DESC]&imageurl=[IMAGE]

Facebook
https://www.facebook.com/sharer/sharer.php?u=[URL]

Twitter
https://twitter.com/share?url=[URL]&text=[TITLE]

Google+
https://plus.google.com/share?url=[URL]

Tumblr
http://www.tumblr.com/share?v=3&u=[URL]&t=[TITLE]

Pinterest
http://pinterest.com/pin/create/button/?url=[URL]&media=[IMAGE]&description=[DESC]

Кнопка поделиться ссылкой Вконтакте (Опубликовать Вконтакте)

» Кнопка поделиться ссылкой Вконтакте (Опубликовать Вконтакте)

Опубликовано: 18-04-2010 | Автор : Vch54ti

11

Tweet

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

В  этот раз Вконтакте помимо своей прибыли дает возможность сайтам получить долю трафика посредством размещениям кнопки «Опубликовать Вконтакте«.

Кнопка «Опубликовать Вконтакте» работает в точности потому же принципу что и кнопка google buzz или же кнопка retweet от twiter-a — т.е. пользователь нажал на нее и поделился ссылкой в своем аккаунте со своими друзьями.

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

Прочесть о самой кнопке и как ее установить на свой сайт можно на самом сайте Вконтакте.

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

Спасибо Вам за добавление статьи "Кнопка поделиться ссылкой Вконтакте (Опубликовать Вконтакте)" в:


Если данная публикация вам понравилась, предлагаю вам подписаться на получение материалов centavrus-opti.ru через RSS ленту, и при желании присоединиться ко мне в Twitter

Как в контакте сделать репост?

Репосты в социальной сети Вконтакте – это обычное явление, о котором знает любой более-менее опытный пользователь ресурса. Таким образом удается поделиться с друзьями (и не только) самой разнообразной информацией. Каждый, кто пользуется социальными сетями, должен знать, как в контакте сделать репост.

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

Помимо этого, его можно рассмотреть по частям. Приставка re имеет значение повторного события, а post переводится как размещение или сообщение. Всё это позволяет легко найти значение слова – повторное сообщение. Именно для этого люди и стремятся узнать, как в контакте сделать репост, ведь таким образом можно легко продублировать различные посты, сохраняя изначальное авторство.

 как в контакте сделать репост

Почему люди пользуются репостами?

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

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

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

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

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

сидит за компьютером

Как в контакте сделать репост?

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

Как в контакте сделать репост:

  • В целом, весь процесс завязан на одинаковой схеме. Для того, чтобы поделиться чем-то со стены или альбомов человека, группы или публичной страницы, требуется найти или открыть искомый файл.
  • Если это запись на стене, то в её нижней части удастся быстро найти значки Мне нравится и Поделиться. Для репоста требуется нажатие на второй (рупор).
  • После этого появится окошко с двумя главными графами – Поделиться и Экспортировать. Вторая требуется тем, кто хочет добавить информацию из Вконтакте на другой сайт.
  • В графе Поделиться предстоит выбрать, кому именно пересылается пост. Если он должен быть опубликован на собственной стене, то флажок можно оставить на первом пункте.
  • Если хочется отправить запись в свою группу или публичную страницу, то отмечается строка Подписчики сообщества. В появившемся списке нужно найти вариант, в который предстоит отправить пост.
  • Наконец, если информация предназначается для какого-то отдельного друга, то выбирается пункт Отправить личным сообщением. Здесь вновь будет нужно найти аккаунт человека, которому предназначается запись.

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

поделиться

Как поделиться видеороликом, фотографией и личным сообщением?

С обычным постом в группе или на стене всё понятно, но как действовать с отдельными файлами? Если хочется отправить кому-то найденную фотографию или картинку, то нужно действовать следующим образом:

  • Для начала нужно нажать на изображение, чтобы оно открылось на весь экран.
  • Прямо под ним будут располагаться слова «Поделитсья», «Сохранить к себе» и «Ещё».
  • После нажатия на «Поделиться» всплывает то же окно, что и в случае репоста записей. После того, как будет указан получатель и добавлена вся необходимая информация, останется только нажать на кнопку «Поделиться фотографией».

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

выбор получаетял

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

  • Зайдя в переписку, нужно найти фразу, которую хочется переслать кому-то ещё.
  • На неё нужно навести курсором, после чего нажать на левую кнопку.
  • Синее выделение и небольшой значок галочки подскажут, что сообщение выбрано. Не обязательно отправлять по одной фразе – реально выделить все необходимые строки.
  • В верхней части вкладки находятся синие кнопки Удалить, Спам и др. Нужно нажать на Переслать.
  • После этого появятся все имеющиеся диалоги, из которых нужно выбрать тот, кому предназначается сообщение.
  • Нажав на диалог, будет видно, что скопированное сообщение находится в поле отправки. Стрелка справа или кнопка Enter доставят репост получателю.

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

пересылка сообщений

Видео инструкция

Отправить ответ

avatar
  Подписаться  
Уведомление о