Cкрытая ссылка Вконтакте или тайное остается тайным. Вставить ссылку на вконтакте на сайт


Как установить виджет Вконтакте на сайт или блог?

viget-vkontakte

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

Как же это сделать?

1. Заходим на сайт ВКонтакте.

2. Авторизовываемся.

3. Переходим на страницу «Мои Настройки».

 my-nastroiki

4. Прокручиваем страницу вниз и в подвале сайта находим меню с ссылкой «разработчикам». Переходим по данной ссылке.

 vid-vneshnii

5. Нам понадобится раздел «Авторизация и виджеты для сайтов».

 prilozheniya

6. Перейдём в этот раздел, где будет перечислен список виджетов для сайта.

vidzhet

Начнём по порядку.

Виджет «Комментарии» позволяет настроить блок комментариев к статьям вашего сайта.

Переходим на страницу этого виджета.

comment

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

Напротив пункта «Медиа» убираем галочку, если вы хотите чтобы в комментариях был только текст. Если хотите дать волю пользователям, то галочку можно оставить или настроит данную функцию на ваше усмотрение.

Например, разрешить пользователю кроме текста прикреплять к своим комментариям фотографии, видео и ссылки, а рисовать графити и добавлять аудиозаписи запретить.

chto-delat

В поле «Ширина» необходимо указать ширину блока «Комментари». Чтобы блок комментариев эстетично отображался на вашем сайте, целесообразно указать ширину, равную ширине области, отведённой под контент.

razmer

Например, если ширина области под контент равна 600 пикселей, то и ширину блока «Коммертарии» указываем аналогичную. Не беда, если вы не угадаете с шириной изначально, потом её можно будет исправить в коде вручную.

cod

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

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

Виджет «Запись на стене» — для чего он нужен? Попробую объяснить на примере.

Допустим, вы на своём блоге размещаете новость об увольнении Павла Дурова из ВКонтакте, и хотели бы процитировать его мнение по этому поводу. Вам всего-навсего необходимо найти нужную запись в социальной сети. Скопировать её URL.

primer

Перейти на страницу виджета «Запись на стене».

zapis-stena

В поле «Ссылка на запись» вставить только что скопированный URL, указать ширину блока и код для вставки готов!

Спросите зачем такие сложности, если в HTML для этого есть специальный тег «Цитата»? Отвечаю: функция данного виджета — это достоверность информации. Ваши читатели будут уверены, что информация, так сказать. из первых уст и в ней нет «отсебятины».

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

 soobthestva

 В поле «Ссылка на страницу» указываем URL вашего сообщества.

 zavershenie

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

 vibor

 - Участники: фотографии подписчиков и их количество.

 vid

 - Новости: последние опубликованные новости в сообществе.

 vidget-vkontakte

 - Только название: в виджете будет отображаться логотип вашего сообщества и его название.

 mini-vidget-vkontakte

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

 dizain

Пример-шутка: внешний вид виджета от социальной сети ВКонтакте настроен под дизайн сайта «Одноклассники» :)

tsvet

После всех настроек, вы так же копируете «Код для вставки» и добавляете его в отведённую область на сайте.

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

Здесь также как и для комментариев указываем название сайта, его адрес, основной домен и тематику. Далее жмём кнопку «Сохранить».

parametri-vk

Теперь необходимо настроить внешний вид кнопки. Здесь на ваше усмотрение. Далее выбираем высоту кнопки — для всех вариантов кнопок предложенные значения одинаковые: 18, 20, 22 или 24 пикселя. Так же если вы выбрали вариант кнопки «Кнопка с миниатюрным счётчиком» или «Кнопка с текстовым счётчиком», то можно в пункте «Название кнопки» выбрать текст, который будет отображаться на кнопке. Вариантов всего два: «Мне нравится» или «Это интересно».

knopka

Всё! Копируем код и добавляем на страницы сайта.

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

С первыми пунктами настройки данного виджета думаю вам о так уже всё ясно, поэтому начну с «Количества записей». Здесь вы выбираете количество отображаемых популярных страниц. Их может быть 3, 5 или 10.

 chislo-zapisei

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

 period

В пункте «Формулировка» выбираем наиболее приемлемую фразу («Понравилось» или «Интересно») и вновь копируем «Код для вставки».

formulirovka

Виджет «Опросы». Это, пожалуй самый интересный виджет. С его помощью вы можете на своём сайте организовать опрос по любой тематике и с любым количеством вариантов ответов.

Например, вы сменили дизайн своего блога и хотите узнать мнение своих читателей. Идём в раздел виджета «Опросы». Заполняем форму (вы конечно для своего сайта описание добавляете):

propishem

Нажимаем кнопку «Сохранить».

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

dobavit

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

podluchit-kod

Появится всплывающее окошко, из которого вы сможете скопировать Код для вставки.

kopirovat

После вставки кода на сайт, ваши читатели увидят вот такую форму опроса:

opros

Виджет «Авторизация» я пока пропущу, так как это отдельная большая тема.

Хотите чтобы ссылки на ваши статьи стали бессмертными? Тогда на помощь вам придёт виджет «Публикация ссылок», позволяющий пользователям ВК публикацию ссылок на статью прямо на стену. А как известно — вся информация опубликованная на стене обязательно транслируется в новостную ленту.

Настройки данного виджета элементарные: вы выбираете стиль кнопки (с прямыми или закруглёнными краями, просто иконка или кнопка с текстом, со счётчиком публикаций или без), можете изменить текст на ней (например, заменить слово по умолчанию «Сохранить» на «Рассказать друзьям») и вариант логотипа.

ssilki-publikatsiya

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

Думаю этот виджет можно ещё использовать в том случае, если, например, вам на блог пишут статьи другие люди (как у Александра Борисова), где в конце статьи вы указываете ссылку-имя автора на его сайт. А если сайта нет? Вот тогда можно воспользоваться этим виджетом и отправлять всех желающих познакомиться с автором на его страничку в соцсети.

ssilki-kod

На этом всё! Удачных вам экспериментов!

Автор статьи: Анна Вечеркина

isif-life.ru

Как сделать картинку ссылкой вконтакте

Я уже показывал вам, как сделать ссылку вконтакте словом. Сейчас рассмотрим аналогичный пример, и научимся делать картинки ссылками вконтакте.

Оглавление:

  1. Для чего это нужно
  2. Как сделать картинку ссылкой в вк
  3. Заключение

Для чего это нужно

Данный метод используется при оформлении Wiki-страниц (см. как создать страницу для меню в группе вк). Они используются для создания дополнительной информации в публичных страницах и группах (см. зачем переводить паблик в группу).

Как сделать картинку ссылкой в вк

Первый делом мы идем в группу, в которой хотим создать новую Wiki-страницу, и оформить ее (см. как красиво оформить группу в вконтакте и сделать меню). Для этого используйте следующую ссылку:

https://vk.com/pages?act=edit&oid=-***&p=***

Где вместо первых трех звездочек, мы вставляем id группы (см. как получить id группы вконтакте). В конце — пишем заголовок для страницы. Пример:

https://vk.com/pages?act=edit&oid=-61259589&p=Новости

Теперь давайте вставим сюда картинку (см. как добавить фото в альбом в контакте), и сделаем так, чтобы она была ссылкой на внешний сайт.

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

Переходим в режим редактирования

Теперь мы используем вот такой код.

[[photo***_***|**x**px|адрес сайта]]

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

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

Вот пример:

[[photo3667352_331027162|300x400px|vksetup.ru]]

После этого достаточно сохранить страницу. Она будет выглядеть примерно вот так.

Внешний вид

При этом, если вы щелкните на картинку, то перейдете на сайт, который указали.

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

Визуальный редактор

Выбираем или загружаем нужную фотографию. Когда она будет добавлена на страницу, щелкаем по ней курсором мыши. И заполняем нужные поля, в появившейся форме. Не забываем в поле «Ссылка», указать адрес нужного сайта.

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

Когда закончите, нажимайте кнопку «Изменить».

Заключение

Читайте также:

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

Вопросы?

faq

Facebook

Twitter

Мой мир

Вконтакте

Одноклассники

Google+

Загрузка...

vksetup.ru

Как сделать ссылку словом на человека ВКонтакте?

kak-sdelat-ssylku-na-stranicu-v-vk-na-stene

Поставить ссылку в ВК несложно — достаточно всего лишь скопировать ее, затем вставить в нужное место и нажать клавишу Enter. Например, вы можете оставить ссылку на своей стене или в какой-нибудь группе. Правда, ссылка будет иметь самый обычный вид. Так, если вы оставите ссылку на того же Павла Дурова, она будет иметь такой вид: https://vk.com/id1 или https://vk.com/durov. На деле же ее можно привести к такому виду, что бы она так и выглядела: Павел Дуров. Смотрите сами:

Впечатляет? Это еще не все! Когда наводишь стрелку мыши на ссылку, показывается профиль пользователя:

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

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

Первый вид кода: [id пользователя|текст вашей ссылки]. Как это выглядит на практике? Для примера возьмем страничку Дмитрия Медведева. Пишем следующее: [id53083705|Дмитрий Медведев]:

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

Что дальше? А дальше мы нажимаем на кнопку «Отправить» или просто щелкаем по клавише Enter. И вот что получаем:

Разумеется, вы можете написать в коде другой текст ссылки, например, [dm|Дмитрий Анатольевич Медведев] и получите уже такой результат:

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

Вот как выглядит код: *id (ссылка). А вот как на практике (для примера возьмем страницу Дмитрия Анатольевича): *dm (Дмитрий Медведев).

Нажимаем «Отправить» и видим нашу ссылку:

Разумеется, вместо названия страницы вы можете указать ее id-адрес: *id53083705 (Дмитрий Медведев). Результат будет тем же.

Как сделать ссылку на группу или паблик ВКонтакте?

Итак, вы научились делать ссылку на пользователя ВК. Теперь давайте поговорим о том, как сделать ссылку на сообщество. Хочется сразу отметить, что суть процесса будет идентичной.

В качестве примера возьмем «Официальные страницы ВКонтакте» (Live) — сообщество, где публикуется информация о новых официальных страницах (тех самых, что помечены галочкой). Для того, что бы сделать ссылку, можно воспользоваться несколькими видами кодов, например:

[club2158488|Официальные страницы ВКонтакте]

[public2158488|Официальные страницы ВКонтакте]

Кроме того, можно использовать и такую конструкцию: [clublive|Официальные страницы ВКонтакте]. Только в данном случае у вас ничего не получится, поскольку существует группа с названием clublive и именно она откроется, если пройти по ссылке. Поэтому лучше использовать id-адрес сообщества во избежании путаницы.

Второй вариант — использование другого вида кода, который мы уже успели рассмотреть: *id (ссылка). У нас получится вот что:

*live (Официальные страницы ВКонтакте)

*public2158488 (Официальные страницы ВКонтакте)

*club2158488 (Официальные страницы ВКонтакте)

Все три ссылки направляют на один и тот же паблик:

Как видите, ничего сложного.

Как вставить ссылку в смайлик?

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

Делается этот вот как. Допустим, мы хотим сделать смайлик кликабельным, что бы при нажатии на него пользователь перешел на страницу Павла Дурова. Для этого используем код *id (код смайлика). Вот что у нас получается: *id1 (😊) или *durov (😊). Отправляем и вот что получаем:

Если вы хотите поставить в смайлик ссылку на паблик, то стоит воспользоваться такой конструкцией: *public2158488 (😊), где public2158488 — id-адрес сообщества, а 😊 — код смайлика.

*****

Будут вопросы, обращайтесь с помощью комментариев.

vkhelpnik.com

Cкрытая ссылка Вконтакте - как сделать?

Быстрая навигация по этой странице:

В 2013 году ежедневная аудитория «Вконтакте» превысила 40 миллионов человек. Это самая популярная российская социальная сеть, а на мировом уровне это 25-й по популярности сайт на планете. Поразмышляв над этой статистикой, я подумал, что нужно бы побольше уделять внимания этой социальной сети. Что и делаю — в сегодняшней статье пойдет речь о том, как делается скрытая ссылка Вконтакте.

скрытая ссылка вконтакте

Чудеса Вики-разметки

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

О правилах этой разметки много сказано на странице http://vk.com/wiki — потому повторяться не будем, а сразу перейдем к сути вопроса — как сделать вконтакте ссылку скрытую с помощью вики-разметки?

Итак, для того, чтобы сделать какое-то слово ссылкоЙ, ведущей на вашу страницу, ваш паблик или вашу группу, нужно использовать следующий код:

[id____________|Александр Иванов] [club________________|Лучшая группа] [public_____________|RunCMS.org]

Соответственно, в том месте, где указаны пустые пробелы, нужно указать или id вашей страницы, или id вашего вашей группы, или id вашего паблика, а после знака «|» вписывается анкор — слово или словосочетание, которое будет являться ссылкой.

Сервис сокращения ссылок Вконтакте

Описанный выше метод хорошо работает для того, чтобы оставлять ссылки в сообщениях с более-менее привлекательным анкором — согласитесь, ссылка «Далее» гораздо более привлекательно смотрится, чем ссылка http://vk.com/club3204432423423.

Тем не менее, такой метод не полностью прячет URL вашей ссылочки — внизу в адресной строке браузера все равно показывается полный URL, на который ведет Ваш анкор.

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

Он доступен по адресам http://vk.cc и http://vk.com/cc. Интерфейс очень удобен — вставляете нужный Вам URL и сразу получаете адрес типа http://vk.cc/KlMoq.

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

www.runcms.org

КАК ВСТАВИТЬ ССЫЛКУ-АНКОР НА ВНЕШНИЙ САЙТ ВО ВКОНТАКТЕ

ПЕРВЫЙ ЭТАП - СОЗДАНИЕ ВИКИ-СТРАНИЦЫ

Чтобы создать собственную wiki-страницу необходимо сформировать ссылку для неё такого вида: http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы

где XXX — ID Вашей публичной страницы, а «Название_страницы» — любое слово или предложение, которым будет названа ваша вики-страница. Обратите внимание, название страницы отредактировать потом будет невозможно! Поэтому, заранее продумайте название, чтобы потом не пришлось создавать новую.

Чтобы узнать ID Вашего паблика, зайдите в "Статистику страницы". У вас в адресной строке откроется адрес типа: https://vk.com/stats?gid=81646853 - последние цифры в адресе "81646853" - это и есть ID Вашего паблика.

Итак, ссылка уже готова, теперь вставьте её в адресную строку браузера и нажмите Enter.

ВТОРОЙ ЭТАП - СОЗДАНИЕ ЗАПИСИ НА ВИКИ-СТРАНИЦЕ

Здесь во вкладке "Наполнить содержанием" добавляем нужный вам текст. Затем формируем ссылку-анкор: выделите нужный текст и на панели инструментов нажмите на «Добавить ссылку». Там выберите "Внешняя ссылка" и в нижнем поле укажите ее.

ssyilka-na-vneshniy-saytНу вот, запись на вики-странице готова. Для того, чтобы её вставить в текст поста на вашей странице во ВКонтакте или на странице в группе нужно скопировать ссылку вики-страницы из адресной строки, убрав лишние знаки на конце после цифр. Оставить только выделенное на картинке:

vstavit-vneshnyuyu-ssyilkuВот так будет выглядеть ссылка на вашу wiki-страницу:

vneshniy-ssilka-prosmotrНе забудьте на своей вики-странице нажать в правом нижнем углу "Доступ к странице" и в разделе "Кто может редактировать эту страницу" выставить «Только редакторы и администраторы». В противном случае, подписчики не упустят случая "подкорректировать" вашу запись.

КАК СДЕЛАТЬ ССЫЛКУ НА ВНЕШНИЙ САЙТ ИЗ ВКОНТАКТЕ КАРТИНКОЙ

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

Откройте фото в режиме wiki-разметки, кликнув на стрелочки вверху "<>": [[photo139842487_397175054|400x300px;noborder| ]] Добавьте между прямым флешем и закрывающимися скобками вашу ссылку:

[[photo5001585_364509437|400x329px;noborder|http://frilayn.ru/]]

ssyilka-na-vneshniy-sayt-iz-vkontakte-kartinkoyНажмите на "Сохранить страницу" и перейдите во вкладку "Просмотр". Вы увидите картинку, а если кликните её мышкой, то перейдёте на внешний сайт, который указывали.

Для публикации wiki-страницы в группе достаточно вставить ссылку на неё в поле для написания записи - страница сама прикрепится. После этого ссылку из текста можно убирать - страница всё равно останется прикреплённой. Если к посту прикреплена вики-страница и изображение, то при клике на картинку открывается вики-страница.

Более подробная информация об использовании Вики-разметки есть в группе: Вики-разметка ВКонтакте (см. раздел "Ответы на вопросы".

Похожее

frilayn.ru