Дружественное внедрение ссылок на сайт в Интернет-обозреватель
- Опубликовано: 03.08.2011
Речь в этой статье пойдёт о том, как «внедрить» Ваш собственный сайт в Интернет-обозреватель (например, в Firefox, Internet Explorer или Opera) потенциального посетителя, с его, разумеется, любезного разрешения. «Формами внедрения» являются установка страницы сайта в качестве домашней (стартовой для Интернет-обозревателя), добавление ссылки на сайт в пользовательскую коллекцию закладок («Избранное»), а также использование собственного значка сайта (16х16 пикселей) для закладок, адресной строки и результатов поиска.
Рабочий пример всего того, что описано ниже, можно посмотреть на старой приветственной странице настоящего сайта.
Установка страницы сайта в качестве домашней
Домашняя страница – термин, используемый практически всеми Интернет-обозревателями, – обозначает страницу, которая будет открыта обозревателем по умолчанию, сразу после запуска (поэтому иногда говорят о стартовой странице). Установку страницы в качестве домашней программным способом разные обозреватели поддерживают по-разному, универсальный JavaScript-код и его вызов в HTML выглядят следующим образом:
<script><!--
function setHomepage() {};
function setHomepageOnClick(a, hRef)
{
if (window.opera && window.print) // Opera
alert('К сожалению, Ваш Интернет-обозреватель ВООБЩЕ не позволяет сделать это автоматически, поэтому Вам придётся сделать это вручную.');
else if (window.sidebar) // Firefox
{
try
{
var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
prefs.setCharPref('browser.startup.homepage',hRef);
}
catch(e)
{
alert('К сожалению, Ваш Интернет-обозреватель не позволяет сделать это автоматически ПО СООБРАЖЕНИЯМ БЕЗОПАСНОСТИ (это ограничение можно снять), поэтому Вам придётся сделать это вручную.');
};
}
else if (window.external) // Internet Explorer
{
a.style.behavior = 'url(#default#homepage)';
a.setHomePage(hRef);
};
};
--></script>
<a href="javascript:setHomepage();" onclick="return setHomepageOnClick(this, 'https://stanislaw.ru/');">Установить как домашнюю страницу</a>
Функция-«пустышка» setHomepage() нужна только для того, чтобы в строке состояния своего Интернет-обозревателя пользователь видел «культурное» значение ссылки. Красным цветом выделен тот Ваш адрес, который Вы хотите установить в качестве домашней страницы.
Добавление ссылки на сайт в коллекцию закладок
Добавление ссылки на сайт в пользовательскую коллекцию закладок («Избранное») программным способом разные обозреватели поддерживают по-разному:
- Internet Explorer, начиная с версии 5.0, позволяет это делать без каких-либо ограничений;
- Firefox позволяет это делать только при снятии ограничения безопасности, установленного по умолчанию (надо сделать about:congig > signed.applets.codebase_principal_support = true);
- Opera не позволяет это делать вообще (тоже по соображениям безопасности, но ограничение нельзя снять).
Универсальный JavaScript-код и его вызов в HTML выглядят следующим образом:
<script><!--
function addBookmark() {};
function addBookmarkOnClick(a, hRef, title)
{
if (window.opera && window.print) // Opera
{
var mbm = a;
mbm.setAttribute('rel', 'sidebar');
mbm.setAttribute('href', hRef);
mbm.setAttribute('title', title);
mbm.click();
}
else if (window.sidebar) // Firefox
window.sidebar.addPanel(title, hRef, '');
else if (window.external) // Internet Explorer
window.external.addFavorite(hRef, title);
};
--></script>
<a href="javascript:addBookmark();" onclick="return addBookmarkOnClick(this, 'https://stanislaw.ru/', 'Станислав.ру');">Добавить в закладки («Избранное»)</A>
Функция-«пустышка» addBookmark() нужна только для того, чтобы в строке состояния своего Интернет-обозревателя пользователь видел «культурное» значение ссылки. Красным цветом выделен та Ваша ссылка и её название, которые Вы хотите добавить в закладки.
Использование своего собственного значка
Все современные Интернет-обозреватели используют значки размера 16х16 пикселей для отображения рядом с названием/адресом страницы в коллекции закладок и в адресной строке. Кроме этого, современные поисковые системы могут отображать эти же значки в результатах поиска.
По умолчанию Интернет-обозреватель ищет и использует значок с именем favicon.ico в каталоге с гипертекстовым документом на веб-сервере, однако путь к значку и его тип можно указать явно:
<link href="https://stanislaw.ru/img/stingray.ico" rel="shortcut icon" type="image/x-icon">
Значок может быть любого из известных графических MIME-типов (например, Image/GIF, Image/PNG, Image/BMP и т. п.) и с любой глубиной цвета (числом цветов), но лучше всего поддерживаются обычные 16-цветные значки Image/X-Icon (*.ico). Значок должен иметь размеры 16x16 пикселей.
Примечание: значок может не появляться в строке адреса обозревателя до тех пор, пока тот не запросит значок у веб-сервера (что происходит, в частности, при добавлении страницы в закладки).