как сделать ссылку на социальные сети

ВАЖНО! Для того, что бы сохранить статью в закладки, нажмите: CTRL + D

Задать вопрос ВРАЧУ, и получить БЕСПЛАТНЫЙ ОТВЕТ, Вы можете заполнив на НАШЕМ САЙТЕ специальную форму, по этой ссылке >>>

Можно пойти простым путем – скопировать нужный адрес из навигационной строки браузера и вставить в текст. Гиперссылка будет иметь стандартный вид.

Хотите придать тексту презентабельный вид, замените адрес каким-либо словом. Для этого надо запомнить шаблоны, которые используют в соц. сети «Вконтакте». Чтобы сделать ссылку на страничку пользователя, воспользуйтесь форматом [id |текст ссылки]. Этот шаблон позволяет сделать ссылку на человека либо группу.

Id адрес посмотрите в адресной строке. Также определить свой Id можете, открыв настройки или просмотрев код страницы. Для этого поставьте курсор в любое место страницы, кликните правой кнопкой мыши, в выпадающем окне выберите строчку «просмотреть код». Вставьте в поле сообщения, например, такой текст [id15396726|Виктор Иванов], нажмите кнопку «отправить». В тексте получите ссылку со словом «Виктор Иванов».

Если не знаете Id пользователя, на которого хотите сослаться, можете заменить названием страницы. Если ссылаетесь на страницу группы, замените Id идентификатором сообщества, например, [club23238945|Релевант Медиа]. В тексте появится кликабельная ссылка на страницу этой группы.

Делать анкорные ссылки на внутренние страницы «Вконтакте» можно и по таким шаблонам: *id (текст); @id***(текст) – результат будет тот же. Текст можете разбавить или заменить смайликом, введя в скобочки его код. Его узнать легко, просто введите запрос в поисковую строку браузера.

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

Чтобы сослаться на внешний ресурс, вставьте в текст сообщения или поста адрес сайта. Если он слишком длинный и делает текст нечитабельным, сделайте анкорную ссылку в поле заметки. Заметку прикрепите к сообщению.

Источник: http://www.kakprosto.ru/kak-945095-kak-sdelat-ssylku-v-soc-seti-vkontakte

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

В таком случае она будет иметь стандартный вид с https и слешами. Как сделать ее более привлекательной? Например, вместо адреса было бы видно имя пользователя, на которое можно было бы нажать и открылся соответствующий профиль, то есть имя стало бы кликабельным. Рассмотрим, как это сделать.

Если навести курсор мыши на ссылку, появится профиль пользователя.

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

Первый код

Пишем в текстовом поле: [id пользователя|текст вашей ссылки].

ID профиля можно скопировать в адресной строке. Он находится после vk. На место текста пишем имя пользователя или любую другую фразу.

Например, код может быть таким: [id53083705|Дмитрий Медведев]:

Если вы не знаете id-адрес пользователя, так как он может быть заменен на любое другое слово (это будет название странички), можно указать это название.
Например, если гиперссылка на профиль следующая: vk.com/dm, мы пишем в коде: [dm|Дмитрий Медведев].

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

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

Создавать анкоры можно не только для внутренних страниц сайта, но и для сторонних ресурсов. Как делать такие коды?

Второй код

Этот код будет иметь следующий вид: *id (текст). В тексте пишем фразу, которая будет видна в сообщении или посте. Пишем опять же ID или название профиля. Например, *dm (Дмитрий Медведев). Снова нажимаем на кнопку «Отправить».

Если ссылка должна вести в группу, нужно вместо id аккаунта идентификатор сообщества. Она имеет вид: *public2158488 (😊). Вместо кода смайлика можно вставить обычный текст.

ЧИТАЙТЕ ТАКЖЕ:  как сделать куклу лол из бумаги

Третий код

Еще один вид код: @id***(Текст), например, @id199358937(Александр). Опять же вместо id можно использовать короткое название аккаунта или группы, которое идет после vk.

Смайлик как ссылка

Вместе с текстом или же вообще вместо него используют смайлики. Чтобы добавить его в анкор (текст ссылки, который показывается в сообщении) понадобится его код. Например, *id1 (😊) или *durov (😊). Скобочках указан код смайла.

Где можно узнать их коды? Их можно посмотреть на множестве ресурсов. Достаточно в любом поисковике ввести запрос: коды смайлов ВКонтакте.

Если это внешняя страница

Внешний адрес оформляется очень быстро и просто. Достаточно ввести или вставить его в текстовом поле. Далее, автоматически появится анонс статьи и ее заголовок (из мета-тега title на сайте). Загрузится также изображение.

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

Длинный адрес страницы выглядит не очень привлекательно. Его можно сократить в самом ВКонтакте. Перейдите по адресу: https://vk.com/cc. Вставьте в поле адрес, который вы хотите уменьшить.

Для создателей групп

В группах анкоры админам нужно создать не с помощью html, а посредством wiki-разметки. Каким образом ей пользоваться?

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

  • Если оформлением идет текстом (то есть, анкорная): [Ссылка|Текст ссылки].
  • Если картинкой: [[photo***_***|**x**px|адрес сайта]]. После английского слова photo нужно указать номер фотографии ВКонтакте. Он находится в адресе изображения. Далее, нужно копировать размер (параметры для горизонтали и вертикали), а также адрес сайта, на который будет переключать изображение. При этом стоять может как внутренняя, так и внешняя страница.

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

Этой картинкой можно будет делиться, кидать ее на стены и тому подобное. Каждый, кто на нее нажмет, будет перенесен на внешний сайт.

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

Чтобы создать анкорную ссылку на аккаунт, группу, сообщество, мероприятие в социальной сети ВКонтакте, нужно знать идентификатор страницы в виде номера id или названия страницы, которое идет после слова vk в адресе.

Источник: http://socialochki.ru/vkontakte/ssylki-stranicu-kontakte

При создании новостного портала или просто блога с интересными заметками, для увеличения количества реальных посетителей, я рекомендую разместить кнопки добавления в популярные социальные сети: Однокласники, Вконтакте, Twitter, Facebook, LiveJournal и другие.

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

Адрес перехода на Twitter:
http://twitter.com/timeline/home?status=__ЗАГОЛОВОК_СТРАНИЦЫ__%20__АДРЕС__

Обратите внимание, что длина сообщения не должна превышать 140 символов.

“Твит” с ссылкой на страницу и дополнительным текстом.

Адрес перехода на Facebook:
http://www.facebook.com/share.php?u=__АДРЕС__

Если Вы хотите не поделиться, а только Like-нуть то ссылка:

Документация Specifying_Meta_Tags, Facebook_Share. Использование meta тегов на странице для задания параметров шаринга описано в Open Graph Protocol.

VK- Вконтакте

Адрес перехода на vk.ru:
https://vk.com/share.php?url=__АДРЕС__&title=__ЗАГОЛОВОК_СТРАНИЦЫ__&image=URL на картинку

Если на странице присутствуют соответствующие теги, то информация берется из них:

  • Заголовок: , если его нет то из тега .
  • Описание: .
  • Картинка:
  • , если его нет, то первые 8 тегов на странице не превышающие 100×100.

LiveJournal

Адрес перехода на LiveJournal:
http://www.livejournal.com/update.bml?mode=full&subject=test&event=__АДРЕС__

Адрес перехода на LinkedIn:
http://www.linkedin.com/shareArticle?mini=true&url=__АДРЕС__&title=__ЗАГОЛОВОК_СТРАНИЦЫ__&source=htmlweb.ru

Адрес перехода на Buzz:
http://www.google.com/buzz/post?message=__ЗАГОЛОВОК_СТРАНИЦЫ__&url=__АДРЕС__&hl=ru

Pinterest Pin

Поделиться медиа-файлом и URL на Pinterest.

Surfingbird Surf!

Поделиться (“расшарить”) URL. Имейте ввиду, что Surfingbird не парсит предоставленный URL-страницы, все параметры ниже обязательны к заполнению.

Адрес перехода на Яндекс:
http://wow.ya.ru/posts_share_link.xml?url=__АДРЕС__&title=__ЗАГОЛОВОК_СТРАНИЦЫ__&body=__ЧАСТЬ_СТРАНИЦЫ__

Адрес перехода на Мой мир:
http://connect.mail.ru/share?url=__АДРЕС__&title=__ЗАГОЛОВОК_СТРАНИЦЫ__&description=&imageurl=

Google Plus

https://apis.google.com/_/+1/fastbutton?url=url &usegapi — Принимает значения true/false. Используется для включения/выключения показа дополнительного окна “расшарить” &size — Принимает значения: small, medium, standard (по умолчанию), tall &hl — Язык, список доступных языков С полным списком принимаемых параметров можно ознакомится — тут https://developers.google.com/+/web/+1button/#tag_parameters

Поделиться (“расшарить”) URL.

Счетчик поделившихся

Если Вы хотите добавить счетчик поделившихся, используйте следующее решение:

Готовый блок кода:

Более сложное, но красивое решение.

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

ЧИТАЙТЕ ТАКЖЕ:  как сделать лизуна из карбоната натрия

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

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

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

Источник: http://htmlweb.ru/other/soc_ssilki.php

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

Для примера, возьмем сообщение ВКонтакте. В первом варианте, в одной из своих групп я сделал запись-рекоммендацию на блог пользователя.

Рассмотрим второй вариант. Здесь при наведении курсора подсвечивается активная ссылка пользователя ВКонтакте.

В итоге, при использовании активной ссылки на человека, можно выделить следующие преимущества:

  • ваши подписчики cмогут увидеть и познакомиться с человеком, которого мы упоминаем в записи;
  • пользователь, на которого ведет ссылки, получит уведомление, и он без труда узнает, что где-то появилась запись с упоминанием на его профиль.

Как сделать ссылку на пользователя

Такие сообщения доступны во многих социальных сетях. Я покажу как сделать активную ссылку: ВКонтакте, Google+, Twitter и Facebook. Но давайте еще раз посмотрим, чем полезны такие записи.

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

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

Ссылка пользователя ВКонтакте

Что бы сделать ссылку пользователя ВКонтакте, необходимо использовать следующую конструкцию в записи.

@id58447324 (Константин Кирилюк)

Где, «@» уникальный ID страницы пользователя, а содержимое в скобках, является анкором ссылки. Если пользователь является вашим другом, то достаточно просто набрать первые буквы его имени после «@» и вы увидите предложенные варианты.

Ссылка пользователя Google+

Что бы создать ссылку в Google+, необходимо что бы упоминаемый пользователь был добавлен в любой из ваших «Кругов».

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

Ссылка пользователя Twitter

Активные ссылки пользователей в Twitter встраиваются следующим образом.

Как и ВКонтакте, после «@» используем уникальный ID страницы. Так же можно набирать сразу же имя пользователя, где будут предложены варианты.

Ссылка пользователя Facebook

И ссылка пользователя в записи Facebook. Как видите, ничего нового.

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

Источник: http://seo-it-in.ru/smm/kak-sozdat-ssylku-na-polzovatelya-v-sotsialnykh-setyakh

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Можно, конечно же, и плагин для этой задачи использовать, но сделать самому не так уж и сложно, да и одним плагином в WordPress будет меньше, тем более, что их у меня и так достаточно много трудится (см. статью по приведенной ссылке). Иконки соцсетей я взял из бесплатного конструктора кнопок Share42, о котором уже довольно подробно писал (надеюсь, что Димокс против этого возражать не будет).

Теперь останется только скопировать ссылки (адреса ваших страниц в соцсетях, если вы их уже создали). Читайте об этом в следующих постах:

Создаем спрайт из кнопок и вставляем Html код на сайт

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

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

ЧИТАЙТЕ ТАКЖЕ:  как сделать резервную копию игры в steam

Я решил не изобретать велосипед (создавать спрайт), а использовал тот, что создает конструктор Шаре42 (ссылка на описание работы с ним приведена чуть выше). В нем можно выбрать те соцсети, иконки которых вам будут нужны, и вместе с кодом вы получите CSS спрайт, т.е. физически один графический файл, на котором будут размещены все нужные вам иконки соцсетей и подписки на RSS ленту (и Емайл, если потребуется).

Я выбрал четыре основных сети и пару иконок для подписки на новости с размером иконок 24 на 24 пиксела, поэтому мой спрайт выглядит так (FriendFeed, правда, туда еще затесался, но это не беда):

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

На всякий случай я добавил rel=»nofollow», чтобы эти ссылки не учитывали поисковики при распределении весов на сайте. Атрибут Title в теге гиперссылки A служит для отображения заключенного в него текста при подведении курсора мыши к иконке. Я не стал им пренебрегать, ибо не для всех посетителей сайта иконки могут представлять исчерпывающую информацию. Выглядеть это будет примерно так:

Привязываем спрайт к Html коду и оформляем кнопки в CSS

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

CSS свойство display:inline-block позволяет придать тегу гиперссылки A одновременно свойства строчного и блочного элемента. По отношению к внешним и соседним тэгам он будет вести себя как строчный (т.е. рядом с ним могут располагаться и другие строчные элементы), а вот по отношению к вложенным в него тегам он будет вести себя как блочный (т.е. можно будет задавать его размеры как по ширине, так и по высоте, а еще задавать отступы с помощью марджинов и педдингов).

CSS свойство vertical-align:bottom задет выравнивание по вертикали, что наверно понятно из его названия. Практически для всех элементов в Html коде оно означает выравнивание между собой строчных элементов с текстом относительно их базовой линии. Просто поэкспериментируйте и поймете его назначение.

С помощью width и height мы задаем размеры отображаемого блока, который должен совпадать с размером иконки соцсети. Свойство outline:none используется, чтобы в некоторых браузерах при клике на ссылку вокруг нее не появлялась рамка. С помощью margin я задал отступы от верха и от соседних иконок, если не ошибаюсь (года три назад делал, когда CSS активно изучал).

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

Да, файл спрайта залейте по ФТП на свой сайт и укажите в background до него путь (в относительном или абсолютном виде). Вот и все. Если не получится, что читайте внимательнее материалы по приведенным выше ссылкам, ну, а если совсем уже ничего не получится, то описывайте вашу ситуацию в комментариях (подробненько — для вставки кода на забудьте его в теги PHP заключить с квадратными скобками).

Источник: http://ktonanovenkogo.ru/html/div-verstka-html/kak-dobavit-na-sajt-blok-knopkami-stranicy-gruppy-socialnyx-setyax.html

Ссылка на основную публикацию