Как встроить

Как разместить журналы Flipboard на своем веб-сайте

Если вы недавно заходили на веб-сайт Digital Inspiration со своего рабочего стола, вы заметили виджет журнала Flipboard, который теперь встроен на все страницы статей — вы можете увидеть его здесь. Этот журнал предлагает посетителям альтернативный, более наглядный способ просмотра архивов сайта, и до сих пор отзывы были довольно хорошими.

Любой журнал Flipboard можно легко встроить с помощью стандартных тегов IFRAME на веб-страницу, но есть несколько вещей, которые следует учитывать:

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

Вот как можно встроить журнал Flipboard, который обеспечит выполнение обоих вышеуказанных требований.
Шаг 1 . Вставьте этот

в любое место вашего веб-шаблона, где вы хотите разместить журнал Flipboard.
Шаг 2 . Вставьте этот фрагмент кода JavaScript рядом с закрывающим тегом своего веб-сайта. Он будет загружаться асинхронно, поэтому его можно будет разместить внизу вашей страницы.
* Не забудьте заменить URL-адрес журнала Flipboard своим собственным.
Внутренне, JavaScript вычисляет ширину браузера посетителя, аналогично тому, что мы делали для адаптивных объявлений AdSense, и если размер больше 800 пикселей, IFRAME добавляется к DIV. Простой!