Как скрыть ссылку под текстом?
Не подумайте, что стремлюсь кого-то обмануть, просто зачастую встречаю в интернете обычный текст, но он выглядит, как ссылка (выделен другим цветом, подчеркнутый), нажимая на этот текст, перехожу на другой сайт.
Как это получается?
Гиперссылка
Гиперссылка — это ссылка, которая ведет на сторонний сайт одним нажатием мыши.
Есть много разновидностей создания гиперссылки, но мы рассмотрим две из них:
- При помощи ББ-кода (BB)
- При помощи ХТМЛ-кода (HTML)
HTML используется обычно при создании сайтов, интернет-страниц, при верстке и сайтостроении, т.е. веб-мастерами.
BB используется на форумах, при добавлении комментариев на сайт, в почтовых формах и других сайтах.
Пример, как использовать html-код:
<a href="http://bolshoyvopros.ru/web/messages.cgi">Это текст гиперссылки</a>
Пример, как использовать bb-код:
Обычно на сайтах есть специальная кнопка ссылки, с помощью которой и прячется ссылка под текст (слово).
Сначала нужно выделить текст под которым будет спрятана ссылка, а затем кликнув на кнопку ссылки вставить её.
В интернете есть много сайтов, на которых пользователи могут оставлять свои тексты в виде различных заметок, вопросов, ответов, рекомендаций, отзывов и т. п. И если правилами этих сервисов разрешается публиковать ссылки на страницы других ресурсов, то, как правило, при вводе текстов предусмотрена возможность для простого оформления текста в виде ссылки.
Судя по комментариям, вас интересует, как на известном сайте отзывов оформить любой текст, как ссылку. Это довольно просто.
1). В окне редактирования отзыва нужно выделить текст, который хотите оформить, как ссылку.
2). В панели инструментов нажать крайний левый значок «Вставить/редактиров ать ссылку (Ctrl+L)», на котором изображены звенья цепи.
3). В открывшемся окошке в поле «Ссылка» вставляем адрес ссылки без префикса «http://».
После нажатия на кнопку «ОК» окно закроется, и выделенный текст приобретет функцию ссылки, будет подчеркнут и выделен цветом.
Все для начинающего вебмастера
Обучающие статьи и советы, как правильно сделать сайт и настроить сервер
Как скрыть ссылку в тексте
Довольно часто веб-мастера и пользователи сталкиваются с необходимость скрыть ссылку в тексте. ПНапример, хотят сделать так, что бы не было видно, на какой именно сайт ведет ссылка. Такой подход крайне популярен для продвижения реферальных ссылок.
Вначале скажем, что мы не являемся сторонниками скрытия какого-либо контента на сайтах. Не совсем хорошо на своем сайте ограничивать информацию для пользователей. Поскольку многие задаются вопросом, как наиболее правильно скрыть ссылку от пользователей, то мы рассмотрим этот момент более подробно.
Скрытие ссылки на странице сайта
При необходимости спрятать ссылку в текста или на странице, нам понадобится заннаие языка программирования HTML, либо же CSS. Например, пропишем следующий HTML-код:
В CSS-коде надо прописать тот же стиль, что используется для основного контента, т.е. самого текста. Например, чтобы текст ссылки никак не выделялся из основного текста, пропишем следующее:
Данный CSS код сделает так, чтобы ссылка никак не выделялась, а сливалась вместе с обычным текстом.
Прячем анкор ссылки
Например, когда создается реферальная ссылка, и вы хотите придать ей вид обычной ссылки. В таком случае применяется следующий код:
Если навести курсор на такую ссылку, то она будет отображаться, как сокращенная ссылка. К примеру, будет отображаться ссылка на сайт partner.com, а на самом деле будет выполняться переход по ссылке на partner.com/?partner=ваш партнерский номер. Что в итоге позволит привлечь вам еще одного рефералла.
Редиректы с помощью html или php
Такой метод, пожалуй, самый убедительный из всех представленных. Пользователю будет выдаваться ссылка, которая ведет по сути на ваш собственный сайт — внутренняя ссылка. На самом деле за подобной ссылкорй может прятятся внешняя, которая ведет на совершенно другой ресурс. Например, выполняться редирект на определенную страницу в вашим реферальным кодом.
Редирект посредством html:
Редирект посредством php:
Преимущества применения редиректа на языке php заключается в следующем, к примеру, можно посредством php сделать счетчик переходов или загрузок.
Сервисы сокращения ссылок
Самый простой метод для сокращения ссылок — это воспользоваться специальным сервисом по сокращению ссылок, например, от Google, и называется он − goo.gl. На самом деле сервисов для сокращения ссылок существуют достаточно много, но самыми удобными и распространенным является goo.gl.
В данной статье мы познакомили вас с различными методами скрытия ссылок. А вот какой уже применить каждый выбирает индивидуально.
Спрятать ссылку под текст или картинку.
В инфобизнесе очень часто приходится иметь дело со ссылками в тексте, кнопке или картинке. Это может быть письмо или статья на блоге, или просто партнерская ссылка. Но в «голом» виде не стоит подавать ссылку. Почта отсылает такие письма (с открытыми ссылками) в спам. Некоторые пользователи просто отрезают партнерский код от вашей ссылки и вы не получаете своего вознаграждения в партнерке. Поэтому необходимо ссылки прятать за текстом или картинкой, кнопкой.
Как это делать? Рассмотрим 5 самых простых способов.
1. В Документе Microsoft Office Word выделяем нужный нам текст, щелкаем по нему правой кнопкой мыши и выбираем Гиперссылка. В открывшемся окне остается только заполнить поле Адрес. Именно в это поле и вписываем ссылку. После чего нажимаем ОК и ваш текст становится кликабельным. При нажатии на этот текст одновременно левой кнопкой мыши и клавиши Ctrl на клавиатуре, в браузере будет открываться окно по вставленной вами ссылке.
2. В любом почтовом ящике: mail.ru, yandex.ru, gmail.com есть функция вставки ссылки в текст. Выглядит этот значок на панели инструментов как маленькое звено цепочки. Действия совершаем в таком же порядке как и в варианте 1. Выделили слова, нажали на значок цепочки, вставили ссылку.
3. В любом сервисе рассылок при создании нового письма вы можете точно так же вставить ссылку в текст. Порядок действий точно такой же. Я рассматриваю на примере сервиса Justclick .
4. На сайте или блоге при написании статьи вы можете вставить ссылку в слова или в картинку, кнопку. Кнопка тоже загружается на сайт как картинка. Сначала вставляем Медиафайл в статью (уже из готовых или загрузите заново). После нажимаем в статье на вставленную картинку левой кнопкой мыши и появляется возможность редактирования = значок карандаша. В окне редактирования выбираем у позиции Ссылка — произвольный URL. Там его вписываем и добавляем галочку у позиции Открывать в новом окне или новой вкладке. После редактирования нажимаем кнопку Обновить. Теперь картинка стала кликабельной.
5. Отличный инструмент Прятатель ссылок! Это плагин для WordPress, который позволяет спрятать длинную и неказистую ссылку в короткий URL, причем с вашим доменным именем. Установите этот плагин и внесите сами нужное вам окончание (латинскими буквами) к вашему домену, которое будет прятать какую-либо ссылку. Такую ссылку можно даже в чистом виде давать. Из нее невозможно что-то отрезать или убрать. Так как вся основная часть ссылки будет спрятана за тем коротким именем, что вы сами зададите при ее создании и укорачивании.
Как скрыть ссылку в тексте — четыре способа
Вопрос о том, как скрыть ссылку в тексте, является достаточно популярным среди вебмастеров или пользователей, которые по тем или иным причинам не хотели бы, чтобы их ссылка выделялась в тексте или чтобы не было видно, куда она ведет.
Сразу оговоримся, мы не являемся сторонниками скрытия какого-либо контента на сайтах и на нашем сайте так поступать с пользователями, конечно же, не станем. Тем не менее, поскольку вопрос является популярным и существует достаточно большое количество случаев, когда скрытие ссылки может быть даже полезным для пользователя, давайте рассмотрим его более подробно.
1. Скрытие ссылки на странице сайта
Если вам нужно, чтобы ваша ссылка не выделялась в тексте страницы, то данный вопрос решается очень просто средствами html и css:
В HTML-коде страницы пропишем:
В CSS коде пропишем такой же стиль, какой имеет обычный текст на странице. Например, если на странице ссылки подчеркиваются и выделяются текстом, а сам текст имеет черный цвет и не подчеркивается, то в файле стилей .css укажем следующее:
[css]
a.my-link, a.my-link: visited, a.my-link: hover <
color: #000;
text-decoration: none;
>
[/css]
С помощью этого кода часть вашего текста будет являться ссылкой, но для пользователя она при этом никак не будет выделяться.
2. Прячем анкор ссылки
Предположим, что вы даете какую-то реферальную ссылку, но хотите, чтобы для пользователей она отображалась как обычная ссылка. Как было указано выше, мы данный метод не разделяем, но если вы считаете, что таким образом сможете привлечь больше реферралов, то воспользуйтесь следующим кодом:
[html]
<a href="настоящая ссылка" onMouseOver="window.status=’сокращенная ссылка’; return true" onMouseOut="window.status=»; return true">текст ссылки</a>
[/html]
При наведении на такую ссылку пользователю будет показываться, что он переходит на страницу «сокращенная ссылка» (например — суперпродукт.ru), а в действительности он будет переходить по ссылке суперпродукт.ru/?partner=ваш партнерский номер, что в случае его регистрации может принести вам реферрала.
3. Редиректы с помощью html или php
Это еще более убедительный способ для перенаправления пользователя по вашей партнерской ссылке: отправьте его на страницу своего сайта (например: вашсайт.ru/good-page.html), с которой уже будет производиться редирект на страницу партнерского сайта.
Редирект средствами html делается таким способом:
[html]
<html>
<head>
<title>Переходим на сайт суперпродукт.ru</title>
<meta http-equiv="refresh" content="0; url=http://суперпродукт.ru/?partner=ваш партнерский номер">
</head>
<body></body>
</html>
[/html]
То же самое на PHP делается созданием файла php, в котором будет указан следующий код:
[php]
<?php header (‘Location:http://суперпродукт.ru/?partner=ваш партнерский номер’); exit(); ?>
[/php]
Если Вас интересует этот метод, на тему редиректов у нас есть отдельная статья.
Плюс в использовании редиректа на php состоит в том, что вы, например, можете прописать в php файле счетчик его загрузок и тем самым вести статистику переходов на партнерский сервис (впрочем, для этого существует и множество других способов).
4. Сервисы сокращения ссылок
Еще более простой и даже в каком-то смысле более честный способ — это использование многочисленных сервисов сокращения ссылок.
Таких сервисов существуют десятки, но наиболее удобным, простым и к тому же не предлагающим к просмотру рекламу является сервис от поисковой системы Google, название которого достаточно легко запомнить: goo.gl. Например, по ссылке http://goo.gl/LHl3M вы попадете на главную страницу нашего сайта.
Как видите, методов для сокрытия ссылки от пользователя существует большое множество, каким из них воспользоваться и стоит ли ими вообще пользоваться — решать Вам!