Документация: Кнопка Twitter для Joomla
Системные требования
Системные требования отличаются для Joomla 3, Joomla 4, Joomla 5 и Joomla 6, поэтому обратите внимание на раздел, соответствующий вашей версии.
Установка расширения
Процесс установки расширения немного отличается для Joomla 3 и Joomla 4/5/6, поэтому обратите внимание на раздел, соответствующий вашей версии.
Установка для Joomla 3
- Скачайте пакет расширения.
- Перейдите в административную панель Joomla 3.
- Откройте "Расширения" -> "Менеджер расширений".
- Перейдите на вкладку "Загрузить пакет".
- Выберите скачанный пакет расширения и нажмите "Загрузить и установить".
Установка для Joomla 4, Joomla 5 и Joomla 6
- Скачайте пакет расширения.
- Перейдите в административную панель Joomla 4/5/6.
- Откройте "Система" -> "Расширения".
- Перейдите на вкладку "Загрузить пакет".
- Перетащите скачанный пакет расширения в область загрузки или нажмите "Выбрать пакет".
- Нажмите "Загрузить и установить".
Настройки расширения
Перейдите в раздел панели администратора со всеми модулями сайта. В списке модулей найдите «IWS.BY Кнопка Twitter». Нажмите на название модуля, перед вами откроется страница с доступными настройками. Рассмотрим каждое поле ниже.
Основные настройки модуля
Лицензионный ключ
В поле необходимо ввести лицензионный ключ, полученный на сайта IWS.BY при получении модуля. Без ключа в данном поле модуль не сможет получить доступ к серверу обновлений и автоматически обновляться.
Тип кнопки
Опция отвечает за тип показа кнопки на сайте. Может быть обычной плавающей кнопкой или плавающей кнопкой, нажав на которую, откроется всплывающее окно с информацией о менеджере и кнопкой «Начать чат».
Логотип
Опция отвечает за тип логотипа на сайте. Доступны два вариант: новый логотип Twitter X и старый логотип Twitter с птичкой.
Логин в Twitter
В поле нужно ввести ваши логин из Twitter, на который Вы хотите осуществлять перед после нажатия на кнопку.
Атрибут открытия ссылки
Опция отвечает за открытие ссылки в браузере у посетителя сайта. Возможны два варианта: по нажатию на кнопку ссылка откроется в новом окне и по нажатию на кнопку ссылка откроется в текущем окне браузера.
Размер кнопки (пиксели)
Поле отвечает за размер кнопки: за высоту и ширину кнопки. Указывается числом в пикселях.
Цвет фона
Опция указывает фоновый цвет плавающей кнопки. Указывается в формате RGB.
Цвет иконки
Опция указывает цвет иконки на плавающей кнопке. Указывается в формате HEX.
Расположение кнопки
Опция отвечает за расположение плавающей кнопки относительно экрана посетителя сайта. Доступны два варианта: левая и правая сторона. Кнопка будет прижата к нижней части сайта.
Следующие два поля заполняются в зависимости от выбранной стороны отображения кнопки.
Отступ справа
Поле задает расстояние между кнопкой и правой частью экрана посетителя сайта. Указывается числом в пикселях.
Отступ слева
Поле задает расстояние между кнопкой и левой частью экрана посетителя сайта. Указывается числом в пикселях.
Отступ снизу
Поле задает расстояние между кнопкой и нижней частью экрана посетителя сайта. Указывается числом в пикселях.
Уровень слоя (Z-INDEX)
В поле необходимо заполнить уровень слоя, на котором будет доступна кнопка относительно всех элементов сайта. Аналог свойства в CSS: z-index.
Следующий блок настроек задает границу у плавающей кнопки.
Настройки границы
Включить границу?
Опция отвечает за активацию границы вокруг плавающей кнопки. Если выбрано значение «Да», то настройки к рамке будут применяться из настроек ниже.
Ширина границы
В поле заполняется ширина границы. Указывается числом в пикселях. Аналог свойство CSS: border-width.
Стиль границы
Опция отвечает за стиль границы вокруг кнопки. Доступно четыре стиля рамок: сплошная, пунктирная, точечная и двойной линией.
Цвет границы
Опция задает цвет границы вокруг виджета с плавающей кнопкой. Указывается в формате HEX.
Последние блок опций отвечает за анимацию кнопки. Рассмотрим каждую опцию и каждый вид анимации.
Настройки анимации
Включить анимацию?
Опция отвечает за активацию анимации плавающей кнопки. Если выбрано значение «Да», то будет применяться анимацию из поля ниже.
Тип анимации
Опция отвечает за тип анимации, которая будет применяться к плавающей кнопке. Доступны четыре вариант анимации: кнопка пульсирует, кнопка подпрыгивает, кнопка двигается и иконка вращается.
Продолжительность
В поле необходимо ввести значение в секундах, в течении которых будет воспроизводится цикл анимации.
Длина пульсации
В поле необходимо ввести длину в пикселях, на которую будет действовать пульсация кнопки при выбранном типе анимации «Кнопка пульсирует».
Высота прыжка
В поле необходимо ввести максимальную высоту в пикселях, на которую будет совершен прыжок кнопки при выбранном типе анимации «Кнопка прыгает».
Ширина движения
В поле необходимо ввести максимальную ширина в пикселях, на которую будет совершено боковое движение кнопки при выбранном типе анимации «Кнопка двигается».
Настройки менеджера
Настройки менеджера применяются только если в основных настройках модуля, в опции «Тип кнопки» выбрано значение «Менеджер».
Основные настройки менеджера
Дизайн окна
Опция отвечает за дизайн всплывающего окна с информацией о менеджере. Доступно три вариант значения: светлый, тёмный и пользовательский. При значении «Пользовательский» можно настроить собственную цветовую гамму всплывающего окна.
Изображение менеджера
В опции устанавливается изображение менеджера, которое будет показано в верхней части всплывающего окна. Рекомендуется загружать квадратное изображение.
Имя менеджера
В поле задаётся имя менеджера, которое будет показано в верхней части всплывающего окна.
Департамент менеджера
В поле задаётся департамент менеджера, который будет показан в верхней части всплывающего окна под именем менеджера.
Сообщение от менеджера
В поле задаётся приветственное сообщение менеджера, которое будет показано в центральной части всплывающего окна.
Название кнопки
В поле задаётся название, которое будет показано на кнопке в нижней части всплывающего окна.
Настройки собственного дизайна
Фоновый цвет шапки
Опция задаёт фоновый цвет верхней части всплывающего окна. Указывается в формате HEX.
Цвет имени
Опция задаёт цвет имени менеджера в верхней части всплывающего окна. Указывается в формате HEX.
Цвет департамента
Опция задаёт цвет департамента менеджера в верхней части всплывающего окна. Указывается в формате HEX.
Цвет иконки закрытия
Опция задаёт цвет цвет иконки в верхней части всплывающего окна, закрывающей всплывающее окно. Указывается в формате HEX.
Цвет иконки закрытия при наведении
Опция задаёт цвет иконки в верхней части всплывающего окна, закрывающей всплывающее окно, при наведении на неё курсора мыши. Указывается в формате HEX.
Фоновый цвет контента
Опция задаёт фоновый цвет центрально части всплывающего окна с сообщением менеджера. Указывается в формате HEX.
Фоновый цвет сообщения
Опция задаёт фоновый цвет сообщения от менеджера в центральной части всплывающего окна. Указывается в формате HEX.
Цвет сообщения
Опция задаёт цвет текста сообщения от менеджера в центральной части всплывающего окна. Указывается в формате HEX.
Фоновый цвет подвала
Опция задаёт фоновый цвет нижней части всплывающего окна. Указывается в формате HEX.
Фоновый цвет кнопки
Опция задаёт фоновый цвет кнопки в нижней части всплывающего окна. Указывается в формате HEX.
Фоновый цвет кнопки при наведении
Опция задаёт фоновый цвет кнопки в нижней части всплывающего окна при наведении на неё курсора мыши. Указывается в формате HEX.
Цвет текста на кнопке
Опция задаёт текста на кнопке в нижней части всплывающего окна. Указывается в формате HEX.
Цвет текста на кнопке при наведении
Опция задаёт текста на кнопке в нижней части всплывающего окна при наведении на неё курсором мыши. Указывается в формате HEX.
Настройки аналитики
Данный раздел предназначен для подсчёта событий и целей, выполненных при нажатии на кнопки модуля Twitter. События передаются при необходимости в Google Analytics. Цели передаются при необходимости в Яндекс Метрику. Если вам необходимы интеграции с другими сервисами аналитики, то пишите нам на электронную почту, мы постараемся внедрить.
Настройки работают из данного раздела только в том случае, если у Вас установлены коды интеграции с Google Analytics или Яндекс Метрики.
Включить аналитику?
Если выбрано значение «Да», то возможности аналитики будут применяться к кнопке.
Google Analytics
Включить Google Analytics?
Если выбрано значение «Да», то настройки из полей ниже, касающиеся Google Analytics, будут применяться к кнопке.
Ниже расписаны поля, которые применяются в зависимости от типа кнопки. Если тип кнопки - Кнопка, то событие будет отправляться при нажатии на плавающую кнопку. Если тип кнопки - Менеджер, то событий будет несколько. Первое - при нажатии на плавающую кнопку, второй - при нажатии на кнопку в всплывающем окне, при открытии чата.
Инструкция по созданию нового события доступна по ссылке: https://support.google.com/analytics/answer/10085872?hl=ru
Режим «Кнопка»
В этом режиме отправляется одно событие, при нажатии на плавающую кнопку.
Параметр
В поле необходимо ввести название параметра, которое использовали при создании события в Google Analytics.
Значение
В поле необходимо ввести значение параметра, которое использовали при создании события в Google Analytics.
Режим «Менеджер»
В этом режиме отправляется два события. Первое - при нажатии на плавающую кнопку. Второе - при нажатии на кнопку в всплывающем окне.
Параметр (шаг 1)
В поле необходимо ввести название параметра для первого шага, которое использовали при создании события в Google Analytics. Первый шаг - нажатие на плавающую кнопку.
Значение (шаг 1)
В поле необходимо ввести значение параметра для первого шага, которое использовали при создании события в Google Analytics. Первый шаг - нажатие на плавающую кнопку.
Параметр (шаг 2)
В поле необходимо ввести название параметра для второго шага, которое использовали при создании события в Google Analytics. Второй шаг - нажатие на кнопку в всплывающем окне, которая открывает чат.
Значение (шаг 2)
В поле необходимо ввести значение параметра для второго шага, которое использовали при создании события в Google Analytics. Второй шаг - нажатие на кнопку в всплывающем окне, которая открывает чат.
Яндекс Метрика
Включить Яндекс Метрику?
Если выбрано значение «Да», то настройки из полей ниже, касающиеся Яндекс Метрики, будут применяться к кнопке.
Идентификатор Яндекс Метрики
В поле необходимо ввести числовой идентификатор Вашего ресурса в Яндекс Метрики. О том как найти идентификатор Вашего ресурса в Яндекс Метрике читайте по ссылке https://yandex.ru/support/metrica/general/tag-id.html.
Ниже расписаны поля, которые применяются в зависимости от типа кнопки. Если тип кнопки - Кнопка, то событие будет отправляться при нажатии на плавающую кнопку. Если тип кнопки - Менеджер, то событий будет несколько. Первое - при нажатии на плавающую кнопку, второй - при нажатии на кнопку в всплывающем окне, при открытии чата.
Инструкция по созданию новой цели доступна по ссылке: https://yandex.ru/support/metrica/general/goal-js-event.html. В работе плагина предусмотрен тип цели «JavaScript-событие».
Режим «Кнопка»
В этом режиме отправляется одно событие, при нажатии на плавающую кнопку.
Идентификатор события
В поле необходимо ввести идентификатор цели, который использовали при создании цели в Яндекс Метрике.
Режим «Менеджер»
В этом режиме отправляется два события. Первое - при нажатии на плавающую кнопку. Второе - при нажатии на кнопку в всплывающем окне.
Идентификатор события (шаг 1)
В поле необходимо ввести идентификатор цели для первого шага, которое использовали при создании цели в Яндекс Метрике. Первый шаг - нажатие на плавающую кнопку.
Идентификатор события (шаг 2)
В поле необходимо ввести идентификатор цели для второго шага, которое использовали при создании цели в Яндекс Метрике. Второй шаг - нажатие на кнопку в всплывающем окне, которая открывает чат.
Ошибка обновления расширения
Если у Вас возникла ошибка при обновлении расширения в панели управления Joomla, то этот раздел инструкции необходим вам.
Ошибка появляется в нескольких случаях, они все связаны с лицензионным ключом расширения.
1) У вас не заполнен лицензионный ключ в настройках расширения.
Перейдите в настройки расширения и проверьте заполненность поля «Лицензионный ключ». Без лицензионного ключа обновления скачать невозможно. Бывает момент, когда лицензионный ключ вы добавили, но CMS Joomla его не сохранила правильно, для этого в настройках расширения после ввода лицензионного ключа нажмите кнопку «Сохранить», а затем кнопку «Сохранить и закрыть».
2) Срок действия вашего лицензионного ключа закончился.
Чтобы проверить срок действия вашего лицензионного ключа, перейдите по ссылке https://iws.by/my-account/view-license-keys/. В списке лицензионных ключей найдите ключ вашего расширения и в столбике «Действует до» проверьте его актуальность. В случае, если действие лицензионного ключа вышло, обновления получить невозможно. Для решения этого вопроса совершите новый заказ и получите актуальный лицензионный ключ.
3) Лицензионный ключ не действует на вашем текущем сайте.
Наша система обновлений устроена так, что при первом обращении к серверу обновлений, лицензионный ключ фиксируется за обратившимся сайтом. В случае, если вы попытаетесь использовать лицензионный ключ на нескольких сайтах, то обновления будут доступны только для одного сайта. Если вам нужны обновления для нескольких сайтов, совершите покупку на сайте нескольких лицензионных ключей. Сайты без лицензионных ключей не смогут получать обновления.
Внимание! Если вы изменили адрес сайта и не можете скачать обновления, напишите нам на support@iws.by с новым адресом сайта, мы обновим данные на нашем сервере обновлений, и в течение 24 часов вы сможете получать обновления.
Служба поддержки
Служба поддержки IWS.BY по вопросам работы наших продуктов доступна по электронной почте: support@iws.by.
Все доступные варианты службы поддержки доступны на странице «Поддержка»: Перейти.