FL Amp - решение для мобильных страниц Joomla

v. 1.1 Бecплатно

FL Amp - плагин мобильных страниц Joomla

FL Amp - решение для мобильных страниц Joomla

Описание

Работа с любым компонентом

Поддержка меню Joomla

Поддержка пользовательских стилей

Добавление микроданных и кнопок Поделиться

2 дополнительных позиции модуля только для amp версии

Исключение отдельных компонентов и минимищация HTML

Поддержка FontAwesome

Обработка конента в соответствии со спецификацией Google Amp

Удаление ненужных тэгов

Поддержка аналитики Google Analitics, Яндекс.Метрика, Рамблер и Мэйл

Поддержка рекламы Google Adsense, РСЯ и ADFOX

Добавление мета-тэга amphtml

Кеширование amp страниц

Поддержка языковых переменных

FL Amp - плагин мобильных страниц Joomla, позволяющий преобразовывать страницы сайта в соответствии со спецификацией Google Amp.

Принцип работы

Плагин обрабатывает html-код компонента с помощью библиотеки amp-library, после чего создает новую страницу в соответствии со спецификацией Google Amp. Библиотека чистит код от стилей, недопустимых тэгов, преобразовывает изображения, аудио, видео, айфреймы, код твиттера, инстаграма, youtube, vimeo, pinterest и так далее. Плагин немного улучшен, чтобы работать с изображениями, у которых нет атрибута src, а есть атрибут data-src, а также для работы с лайтбоксом. Плагин имеетт множество настроек для комфорной работы.

Для отображения amp версии страницы к адреcной строке нужно добавить flview=amp

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

Основные настройки плагина позволяют:
- задать имя сайта, которое будет отображаться в шапке;
- выбрать png favicon для обычных устройств и устройств Apple;
- задать текст, которые будет отображаться в подвале;
- выбрать показывать или нет кнопку на полную версию страницы;
Стили

Плагин имеет множество настроек для задания стилей - такие как фоны и цвета шапки, подвала, контанета. Кроме того, есть возможность записать свои стили в редактор кода.

Кроме того, есть возможность подключить FontAwesome, сделать фиксированной шапку, выбрать расположение сайдбара, а также подключить лайтбокс. О лайтбоксе надо рассказать подробнее. Лайтбокс подключается только тогда, когда изображение оборнуто ссылкой, атрибут href которой содержить изображение, в этом случае у оригинального изображения атрибут src меняется на атрибут href ссылки и включается лайтбокс.

Микроданные

Плагин создает разметку для микроданных, настройки добавляют в микроданные автора материала, название организации и логотип.

Реклама

Плагин поддерживает следующие рекламные системы - Google Adsense, РСЯ, ADFOX. На странице есть 2 позиции для рекламы - до контента и после контента.

Аналитика

Плагин поддерживает следующие метрики - Google Analitics, Яндекс.Метрика, Rambler/Top-100, Top.Mail.Ru.

Кнопки Поделиться

Кнопки поделиться можно отобразить До контента или После контента. Поддерживаются кнопки Вконтакте, Телеграм, WhatsApp, Skype, Twitter, Facebook. Pinterest, LinkedIn, Google Plus, Email, Tumplr, Sms. Некоторые кнопки были добавлены специально для этого плагина.

Раширенные настройки

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

Разное

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

Плагин может отобразить 2 модульные позиции - одну до контента и одну после контента. Позиции модулей называются amp-main-top и amp-main-bottom.

Если у Вас на сайте используется защищенное соединение, у изображений нет атрибутов width и height, плюс ко всему этому Вы используете php 5.6 и выше, то библиотека плагина может испытывать трудности с переводом тэгов img в amp-img. Выход один - указывайте длину и ширину изображений.

Вопросы и ответы
- У меня криво отображаются страницы
  Плагин - лишь инструмент. Каждый сайт уникален, поэтому нет волшебной кнопки "Сделать хорошо". Для каждого сайта необходимы свои стили, поэтому Вам стоит добавить их в настройки плагина для корректного отображения сайта.
- Где найти рекомендации Google по Amp страницам?
  Рекомендации можно найти здесь.
- Как в коде узнать, что мы на amp странице?
  Например, так:
```
            	
$isAmp = (JFactory::getApplication()->input->getString('flview') == 'amp') ? true : false;
                    
if ($isAmp) {
	// просматривается amp страница
}
                
            
```
- Получаю ошибки Тег "img" может быть только потомком тега "noscript". Что делать?
  Скорее всего у каких-то изображений на странице не прописаны атрибуты width и height, поэтому эти изображения не были переведены в формат amp-amg. Выход - проставлять изображениям атрибуты width и height или удалить их со страницы с помощью соответствующей опции плагина (CSS селекторы для исключения).
Как купить

Чтобы купить расширение, Вам нужно нажать на кнопку Купить и прислать мне Ваш Email для получения дальнейших инструкций.

Их будет немного - поддержка проекта на необходимую сумму по любым реквизитам.

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

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

Подробнее о покупке расширений Вы можете можно почитать здесь.
Совместимость
Joomla 3.6+

Установка
Через стандартный установщик Joomla
История версий
- Версия 1.0
  
  Нет изменений
- Версия 1.1
  - удалена настройка выбора меню, вместо этого добавлена позиция amp-menu
  - изменена настройка лайтбокса, добавлена опция удаления родителя у изображения
  - изменены настройка аналитики, добавлено повторяющееся поле для множественного добавления аналитики
  - добавлена опция аналитики Facebook Pixel