Как адаптировать виджеты социальных сетей сайта под мобильные устройства?

Как адаптировать виджеты социальных сетей сайта под мобильные устройства?

Фан-инструменты социальных сетей интегрированы во все мобильные OS-платформы. Это значит, что при просмотре веб-страницы через Android или iPhone посетители смогу поделиться ссылкой в Twitter и Facebook с помощью системного меню. Размещенные на сайте виджеты социальных сетей теряют свой смысл. И это не единственная неприятность. Эти виджеты утяжеляют веб-страницу и сокращают скорость ее загрузки, а это влияет на рейтинг поисковой выдачи. Немаловажен и тот факт, что сами виджеты, мягко говоря, не украшают сайт при просмотре через мобильное средство.

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

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

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

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

1. Обычным способом установить виджеты социальных сетей на своем сайте с помощью сервисов от Facebook или Twitter.

Эта процедура предполагает установку специального HTML-кода в шаблоне Вашего сайта.

2. Удалить JavaScript из HTML-кода социальной кнопки — все, что прописано в теге script.

3. Вставить размещенный ниже скрипт в шаблон сайта перед закрывающим тегом

Предлагаемый код JavaScript асинхронно загружает популярные социальные виджеты — Twitter, Facebook, LinkedIn, Google и Pinterest. Вы можете удалить вызов js_queue для виджетов, которые вы не планируете использовать на своем сайте.

Кстати, есть решение и такой задачи, как автоматизация замены длинных URL-адресов на короткие при загрузки веб-страницы на мобильных устройствах.

Хотите получить ссылку на файл скрипта для отключения встроенных в сайт виджетов социальных сетей при загрузке в мобильном устройстве?

Нажмите на одну из кнопок и получите доступ к скрытому контенту.

Оставьте свой комментарий

Cloudim - онлайн консультант для сайта бесплатно.
Google Мы в Google+