X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

Получаем фавикон других сайтов

Приклад
  • 2024-03-29
  • 4684 переглядів

  • Дизайн та розробка сайту

Доброго времени суток. 🙂

В этом уроке покажу несложный способ как получить фавикон(favicon) с чужого сайта. Зачем это нужно, спросите Вы? Это Вам может пригодится, если Вы например решили организовать у себя на сайте, в нужном месте, например, список полезных ссылок. Или список сайтов на которые у Вас установлены реферальные ссылки или это Ваши партнеры или личные проекты. В общем если хотите вывести полезную ссылку, но не просто текст, а добавить иконку, чтобы не мучиться с баннером или каким-то изображением. В общем применений много, все зависит от Вашей фантазии.

Фавикон

Чтобы воплотить это в жизнь есть два пути. Один простой, второй хитрый.:) В чем же их суть? первый способ, до боли простой, потому как это просто обычное подключение изображения средствами html. То бишь просто с помощью тега - img. Практически в 99% случаев, фавикон лежит в корне каталога сайта. Что позволяет использовать универсальный путь site.com/favicon.ico. Но если фавикон лежит в другом каталоге, то первый способ уже не подходит. Также, если владелец сайта использует защиту от использования изображений его сайта на других сайтах, то опять же способ не сработает. Но если же этих ограничений нет, то выглядит это примерно так.

<img src="https://gnatkovsky.com.ua/favicon.ico" /> gnatkovsky.com.ua

gnatkovsky.com.ua

Тут понятно. Перейдем к второму способу. Он немного сложнее и использует php. Суть способа в том, что функция обращается к google, и с него берет иконку определенного сайта. Чтобы все заработало, нужно добавить код с функцией и прописать в нем адрес сайта.

<?php
echo "<img src=".get_favicon("gnatkovsky.com.ua").">";
function get_favicon($url){
$url = str_replace("http://",'',$url);
return "http://www.google.com/s2/favicons?domain=".$url;
}
?> gnatkovsky.com.ua

Как видите по скрипту, в второй строке нужно вставить адрес сайта без http://www., просто site.com.

Если нужно добавить несколько таких кодов для вывода иконки, то нужно для каждой указать новое название функции - get_favicon. Можно просто дописывать цифры в конце - get_favicon2. Название функции нужно менять в 2 и 3 строке. Если это сделать неправильно, то работать не будет.

<ul>
<li>
<?php
echo "<img src=".get_favicon("gnatkovsky.com.ua").">";
function get_favicon($url){
$url = str_replace("http://",'',$url);
return "http://www.google.com/s2/favicons?domain=".$url;
}
?> gnatkovsky.com.ua</li>
<li><?php
echo "<img src=".get_favicon2("twitter.com").">";
function get_favicon2($url){
$url = str_replace("http://",'',$url);
return "http://www.google.com/s2/favicons?domain=".$url;
}
?> twitter.com</li>
<li><?php
echo "<img src=".get_favicon3("google.com.ua").">";
function get_favicon3($url){
$url = str_replace("http://",'',$url);
return "http://www.google.com/s2/favicons?domain=".$url;
}
?> google.com.ua</li>
</ul>

Иконки

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

На этом все, спасибо за внимание. 🙂

Якщо Вам була корисна моя праця, можете фінансово підтримати сайт або відключити блокувальник реклами, що займе 2 хвилини :)

Хочу підтримати фінансово Хочу відключити блокувальник

Оцініть статтю
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 2, в среднем: 3 из 5
Читайте також