Как сделать ссылку на социальные сети
Как сделать ссылку на человека или группу ВКонтакте: пошаговая инструкция
Здравствуйте, дорогие читатели!
Большинство пользователей используют внутренние URL-адреса страниц социальной сети ВКонтакте. Это могут быть адреса сообществ, мероприятий или других пользователей соцсети.
Сегодня разберем вопрос о том, как сделать ссылку на человека ВКонтакте словом. Это не обязательно должны быть ФИО, которыми участник социальной сети подписан в ВК. Вы можете использовать сокращенное имя, используемое при общении или любое другое слово на любом известном вам языке.
Зачем нужны текстовые ссылки
Давайте для начала рассмотрим некоторые особенности использования анкора в ВК.
Анкор – это слово или фраза, под которым скрыт URL-адрес. Нажав на него, вы попадете на новую веб-страницу.
Использование активной ссылки на пользователя, событие или паблик в ВК преследует две основные цели.
Как сделать имя человека ссылкой
Существует три способа сослаться на человека, но два из них настолько похожи друг на друга, что для удобства я решил условно объединить их. Ниже вы поймете, о чем речь.
Рекомендуемый способ
Чтобы сослаться на друга или подписчика во ВКонтакте, выполните следующее.
Поставьте знак “@” (собака) в записи или комментарии. Введите имя нужного юзера. Если он есть у вас в друзьях или подписчиках, то он отобразится во всплывающем списке. Выберите его.
Если вы хотите создать активную гиперссылку на человека, которого нет у вас в друзьях, вам понадобится его идентификатор. Его можно скопировать из адресной строки браузера, находясь в профиле участника социальной сети.
Не нужно копировать адрес веб-страницы полностью. Нужен только идентификатор.
Теперь у вас в поле ввода находится текст примерно следующего вида @durov (Павел Дуров). @durov – это идентификатор пользователя ВК, а Павел Дуров – его имя и фамилия.
При указании ID юзера в скобки автоматически подставятся его ФИО в таком виде, в каком он их указал при регистрации. Вы можете переименовать человека в своей записи. Для этого нужно заменить текст в скобках на любой другой.
При желании вместо “@” (собаки) можно использовать символ “*” (звездочка). Результат будет идентичный.
С помощью BB-кода
Существует альтернативный вариант написать кликабельное имя или любую другую фразу. Этот метод основан на использовании ВВ-кодов. На мой взгляд, он менее удобен, чем метод, описанный выше, но написать о нем все же стоит.
Чтобы создать URL-адрес в тексте, вам необходимо создать конструкцию следующего вида [durov|Павел Дуров]. Пробелов быть не должно.
Открываете квадратные скобки. Указываете ID человека в ВК. На этот раз не получится ввести имя юзера и воспользоваться подсказкой. Необходимо скопировать идентификатор с адресной строки браузера, перейдя в профиль юзера.
Ставите вертикальную черту. За ней указываете имя или любое другое слово или словосочетание, которое будет отображаться вместо URL.
Любой из описанных выше вариантов, можно так же использовать в беседе и личном сообщении. Переименовать гиперссылку в слово в переписке так же легко, как в записи или комментарии.
Создание ссылки на сообщества
Вставить URL на группу, сообщество или событие можно по тому же принципу, что и на личную страницу.
Если вы собираетесь ссылаться на публичную веб-страницу, скопируйте ее ID и вставьте сразу после знака “@” или “*”, а текст напишите в скобках. У вас должна получиться конструкция следующего вида @public138073773 (анкор).
При создании URL-адреса на группу у вас получится вид @club138073773 (анкор).
Мероприятие и встреча будут выглядеть так @event138073773 (анкор).
Если вам понравился метод с использованием квадратных скобок, то можете использовать и его для работы с сообществами.
Ссылки на внешние сайты
Сослаться на внешний сайт с использованием анкора можно только при помощи заметок.
При публикации новой записи в сообществе или в своей ленте в перечне вложений выберите “Заметка”.
Выделите слово или словосочетание, в которое хотите поместить URL на внешний сайт. Нажмите “Добавить ссылку” (значок в виде стрелки).
Установите чекбокс в положение “Внешняя ссылка”, укажите адрес в соответствующем поле и нажмите “Добавить”.
Кликните на кнопку “Сохранить и прикрепить заметку”, а потом на “Отправить” для окончательной публикации поста.
Теперь осталось только проверить работоспособность опубликованной заметки. Откройте ее и попробуйте кликнуть на фразу, выделенную синим цветом. Если все сделано правильно, то вы попадете на веб-страницу внешнего ресурса, который спрятали в слово или словосочетание.
В остальных случаях (в постах, комментариях и других записях) придется указывать прямой адрес стороннего ресурса прямо в тексте.
Чтобы придать более презентабельный вид длинным URL-адресам в тексте и посту в целом, используйте сервисы сокращения ссылок.
Заключение
На этом у меня все. В этой статье я собрал все работающие на данный момент методы создания текстовых URL. С их помощью можно отметить человека или паблик в своей записи и оформить это очень эстетично.
В ВК пока нет инструментов для создания текстовых адресов на внешние сайты. Но, как только они появятся, я сразу напишу об этом статью. Так что не забывайте следить за обновлениями блога. На сайте есть email-рассылка. Подпишитесь, чтобы первыми узнавать о новых публикациях и других новостях.
Как добавить социальные кнопки на сайт?
В этой статье мы рассмотрим различные способы создания блоков «Поделиться» и «Мне нравится» в том числе включая вариант без использования сторонних сервисов (через URL-адреса прямого доступа). Кроме этого ещё разберём как можно оформить ссылки на официальные профили компании в социальных сетях.
Социальные сети на сайте
На сайте ссылки на социальные сети используются для того, чтобы пользователь знал о наличии на этих ресурсах официальных страниц этой компании, а также мог очень просто перейти туда.
Обычно ссылки на официальные профили в социальных сетях оформляются в виде значков или кнопок, и помещаются в заголовок или футер страниц веб-сайта.
Например, на сайте «mebel.ru» они находятся в правом нижней части:
Кроме ссылок на официальные страницы бренда, на сайтах ещё очень часто можно увидеть кнопки «share» (поделиться) и «like» (нравится). Их обычно располагают рядом со статьёй, товаром или услугой.
Например, на сайте «ferra.ru» кнопки «share» расположены сразу под заголовком статьи:
Кнопки «share» позволяют быстро поделиться этим контентом в социальных сетях. При нажатию на неё автоматически формируется ссылка на этот контент и пользователю останется только нажать «Отправить». После чего она будет опубликована в его личном аккаунте, которую увидят все его подписчики.
Кнопки «like» обычно кроме возможности быстро поделиться, позволяют ещё посетителям сайта одним кликом выразить своё отношение к контенту, т.е. зарегистрировать отметку «Нравится».
Почему связь с социальными ресурсами важно для вашей компании? В основном это связано с тем, что социальные сети сейчас занимают огромную роль в жизни людей и не использовать их для увеличения своей аудитории, просмотров и потенциальных клиентов просто неразумно.
Ссылки на официальные профили в социальных сетях
Если в социальных сетях у вас имеются официальные профили компании, то рекомендуется создать ссылки на них.
Выполняется это очень просто.
Кнопки «Поделиться» и «Мне нравится»
Блок с кнопками «Поделиться» предназначен для того, чтобы пользователи могли быстро публиковать понравившиеся им страницы в своих социальных сетях, а в случае использования «Мне нравиться» ещё и «лайкать» их.
Использование сторонних сервисов
Создание соцкнопок этим способом выполняется легко. Для этого достаточно перейти на любой сервис, представляющий такую возможность, выбрать в нём вид кнопок, вариант их оформления и нужный набор сервисов. Обычно все эти действия выполняются очень просто (через конструктор). Далее, после того как вы всё окончательно настроили, нужно скопировать полученный код и подключить его к себе на сайт.
Примеры сервисов, представляющий такую услугу:
Как это осуществляется в USocial:
Конструктор блока «Поделиться» от Яндекса:
Дополнительно, чтобы повысить эффективность от репостинга, на страницы сайта нужно добавить социальные мета-теги (микроразметку).
Мета-теги для социальных сетей
При этом для разных сетей код микроразметки может отличаться:
Без использования сторонних сервисов (официальные кнопки соцсетей)
Но, при добавлении блоков «Поделиться» и «Мне нравится» через сторонние сервисы они обычно загружают не только необходимые для работы скрипты социальных сетей (например, ВКонтакте, Facebook, Twitter и т.д.), но и многие другие вещи, которые для их нормальной работы вообще не нужны. Например, эти сервисы могут добавлять код, который будет собирать информацию о ваших пользователей, выполнять их отслеживание и многое другое. Кроме этого, они также могут приводить к увеличению времени полной загрузки страниц сайта.
При желании можно обойтись без этих дополнительных посредников и подключить скрипты социальных сетей к себе на сайт напрямую. Инструкции как это сделать приведены в соответствующих разделах документации социальных сетей.
Например, для того чтобы создать кнопку ВКонтакте необходимо выполнить следующие действия согласно официальной документации:
Кроме кнопки «Поделиться» ВКонтакте предлагает ещё много других виджетов, которые вы также можете установить себе на сайт.
Получается, что официальные кнопки соцсетей тоже достаточно просто вставить на сайт. Но они также как и в случае со сторонними сервисами полагаются на JavaScript.
Если вас это не устраивает (вы не хотите иметь зависимость от внешнего кода), то тогда можно вообще отказаться от размещения сторонних JavaScript скриптов на своём сайте, и реализовать всё это дело через URL-адреса. Благо социальные сети это позволяют.
Социальные кнопки через URL-адреса прямого доступа
Этот способ настолько прост, насколько это возможно. Но о нём часто забывают. Он основном на простом создании ссылок.
Основные преимущества это способа:
Этот вариант делает сайт более независимым, быстрым и ответственным по отношению к конфиденциальности данных своих пользователей.
Однако этот способ кроме преимуществ, имеет также и некоторые ограничения. Например, используя его, вы не сможете уже так просто показать количество отметок «Нравиться» и «Поделиться» для текущей страницы. Если для вас это не является обязательным условием – то тогда нет причин не использовать этот вариант.
Каждая социальная сеть имеет свой собственный уникальный URL-адрес для публикаций. Необходимая для извлечения информация в этом случае передаётся в составе URL через GET-параметры. Подключать какие-то сторонние JavaScript скрипты при таком подходе не нужно.
URL-адреса прямого доступа для социальных сетей Twitter, Facebook, ВКонтакте, Telegram имеют следующий вид:
В зависимости от используемого языка или фреймворка кодирования URL может выполняться по-разному.
Например, в PHP его выполнить можно с помощью функции urlencode :
Следовательно, HTML код ссылок для публикации материала в социальных сетях будут выглядеть следующим образом:
Кроме этого, чтобы публикуемая запись был оформлена корректно незабываем добавить на каждую свою страницу мета-теги для социальных сетей.
Создание ссылок посредством JavaScript
Автоматическое формирование ссылок для публикации страниц сайта в соцсетях можно выполнить как на клиенте, так и на сервере.
На клиенте, т.е. с помощью JavaScript, это можно сделать так:
Место, в которое они будут помещены на странице в данном случае необходимо разметить посредством создания пустого элемента
Это решение показывает, что самостоятельно создать набор кнопок «Поделиться» без зависимостей довольно просто.
Для того чтобы вставить его себе на сайт, необходимо на каждую страницу добавить только вышеприведённый скрипт и элемент
Количество соцсетей в этом скрипте указывается в переменной shareData (в виде массива объектов):
В ключе « title » мы задаём название соцсети, а в « href » – её URL-адрес для публикаций.
Создание соцкнопок посредством JavaScript
Представленный выше вариант можно стилизовать, например, представив его в виде кнопок с иконками. А также ещё сделать так, чтобы при нажатии на них форма для публикации открывалась не в новой вкладке, а в popup окне. Чтобы провести эти изменения нам нужно будет создать стили и отредактировать JavaScript код.
Создание соцкнопок посредством PHP
Формировать блок кнопок «Поделиться» можно не только посредством изменения DOM (на клиенте), но и сразу на сервере.
Если вы хорошо знаете устройство своего бэкенда и имеете хотя бы минимальный опыт написания северных скриптов, то сгенерировать такой блок на сервере тоже будет довольно просто.
Что такое ссылка на страницу и где ее брать
Довольно часто при регистрации в каком либо сервисе, при восстановлении доступа к аккаунту, при запуске рекламы и в других случаях просят указать ссылку на страницу ВК, других соцсетей или отдельной записи сайта.
Вопрос вроде простой, если знаешь, о чем речь. Рассмотрим его на примерах для тех, кто здесь испытывает трудности.
Что такое ссылка Вашу на страницу.
Чаще всего требуется указать ссылку на:
Социальные сети.
Ссылка на страницу ВКонтакте, Facebook, Twiter, Одноклассники и прочих — это URL (адрес) Вашего профиля, взять который можно из адресной строки браузера. Если появилась необходимо его указывать — открываете ВК в новой вкладке, авторизуетесь в своем аккаунте, копируете полностью строчку вверху, возвращаетесь и вставляете в нужное поле.
Пример моего профиля (у Вас в URL после vk.com будет числовой идентификатор, если Вы его не поменяли в настройках аккаунта на что-то поинтереснее)
В Одноклассниках, Мой Мир или Facebook вначале необходимо перейти с ленты (или главной страницы) в профиль, щелкнув по соответствующей надписи в левом меню или на свой аватар (имя), как в ФБ — тогда в строке браузера будет нужный адрес
Сообщества и сайты.
Ссылки на группы или паблики получаете тем же путем — переходите в нужное сообщество и копируете адрес вверху
То же касается и отдельных страниц сайта — на какой находитесь, тот URL и отображается.
Посты в соцсетях.
Чтобы получить URL сообщения в ленте или в группе необходимо щелкнуть по тексту новости — пост всплывет в окне поверх затемненного фона, а в адресной строке браузера будет требуемая ссылка на нужную страницу
Видеохостинги.
На скриншоте показано, как при размещении видеоролика требуется указать его адрес
В Youtube это делается в три клика:
А вообще, если Вам понадобилась ссылка на любой объект — экспериментируйте:
Как сделать активную кликабельную ссылку на группу или человека в ВК: подробная инструкция для новичка
Всем привет! Сегодня я расскажу вам о том, как сделать ссылку на человека в ВК. Ну и под шумок расскажу, как создать активную текстовую ссылку на группу словом.
Тематика статьи выбиралась не случайно. Когда вы админ паблика в ВК, часто бывают ситуации, когда нужно гармонично вписать в текст ссылку на группу или человека. Причем это не должно выглядеть, как навязчивая реклама, а смотреться, как часть текста или изображения. Собственно для этого создатели соц. сети позволили своим пользователям делать гиперссылки на сторонние и внутренние страницы. Ну а как именно, я сейчас и буду объяснять. А за одно покажу, где и как подобное можно использовать.
Что такое гиперссылка
Важно понимать, что ВКонтакте используются не простые гиперссылки, а анкорные. Говоря простым языком, это тот вариант, когда ссылкой является не прямой URL-адрес, а текстовый фрагмент, который может перенаправить человека на нужную страничку.
Анкорные гиперссылки часто используют в рекламных текстах, чтобы рассказать пользователю про какой-нибудь сайт или сослаться на какую-нибудь страницу, но не преподносить это, как явную рекламу.
Использование таких ссылок позволяет не только гармонично вписать рекламу, но и, например, упомянуть какого-то человека или сделать wiki-страницу для сообщества.
К слову, все wiki-страницы базируются на основе гиперссылок, благодаря чему администраторы групп делают красивые wiki-меню. Кстати, если вы еще не создали свое сообщество, то советую вам прочитать мою статью: «Как создать группу в ВК».
Как сделать ссылку на человека ВКонтакте
Как правило, активные кликабельные ссылки на личные страницы используют с целью привлечь внимание или обозначить автора какой-то статьи. Когда вас упоминают в сообщении, используя при этом гиперссылку, появляется специальное уведомление. Одно всплывающее, которое пропадет со временем, а второе будет находиться в меню «Ответы».
Активную ссылку в посте можно сделать несколькими способами:
А теперь подробнее о каждом.
Используем специальные знаки
Воспользуемся знаком @ или *. Как только символ будет введен в форме публикации сообщений, появится список друзей или участников сообщества.
Выбираем необходимого человека и ссылка приобретет следующий вид:
После закрывающей скобки можно добавить любой текст. Он будет отображаться, как просто сообщение.
Итак, с этим разобрались. А вот что делать, если человека нет в друзьях и он не является подписчиком группы? Тогда можно скопировать адрес его страницы и вставить его сразу после знака @.
Нужно копировать не весь URL, а лишь id или короткую ссылку. Если не знаете, как их найти, инструкцию найдете вот здесь.
Копируем только то, что находится после слэша. Готовое сообщение будет выглядеть примерно так: @lyashenko_ma (Имя Фамилия), где lyashenko_ma — идентификатор(он может быть и числовой), а Имя-Фамилия – любой произвольный текст.
Важно запомнить, что если человек не находится у вас в друзьях, то всплывающее уведомление он не получит. Оно будет отображаться только в Ответах.
Используем BB-код
Так делают только в группах, но на всякий случай расскажу и о нём. Для того чтобы создать гиперссылку, нужно написать следующее — [lyashenko_ma|Максим Ляшенко], где:
Такой метод, как правило, используется при создании wiki-меню.
Как сделать ссылку на группу в ВК
С группами и сообществами ситуация такая же, как и с обычными пользователями. Узнаете нужный Id и вставляете его после знака @. Выглядеть это будет так: @public188908633 (текст для анкора).
А вот так, если использовать BB-код: [public188908633|Текст для анкора]
Для большей наглядности скрин результата. В обоих случаях он будет выглядеть одинаково:
А еще эта фишка работает в случае сообщения о встрече. Главное знать, какой ID подставить.
Как их можно использовать
Как я уже говорил, гиперссылки используются во многих постах ВКонтакте. Например:
Заключение
Как вы уже могли понять, гиперссылки пользуются большой популярностью в социальных сетях. Особенно у владельцев групп и сообществ. В конце концов они не только позволяют сделать сообщение более красивым, но и увеличить переходы по необходимым запросам. Как показывает практика, по анкорным гиперссылкам в посте пользователи кликают намного чаще, чем по обычным URL-адресам.
Ну что же, как сделать ссылку на человека в ВК я рассказал. Надеюсь, материал окажется вам полезным. У меня же на этом всё. Подписывайтесь, рассказывайте друзьям и до встречи в следующих статьях! Пока-пока!