Это руководство по стилю было подготовлено, чтобы помочь вам принять решение о том, как подготовить шаблоны для Галереи шаблонов сообщества . Это руководство по стилю основано на принципах написания Google Material Design . Проще говоря, это:
- Будьте краткими
- Пишите просто и прямо
- Обращайтесь к пользователям четко
- Сообщите важные детали
- Пишите для всех уровней чтения
- Будьте людьми: пишите для людей, а не для роботов
Следуйте этим рекомендациям, чтобы обеспечить единообразный внешний вид всех шаблонов и помочь пользователям понять, как использовать ваш шаблон.
Информация
Эти рекомендации применимы к элементам, найденным на вкладке «Информация » редактора шаблонов.
Имя
Имя шаблона отображается пользователям Диспетчера тегов в пользовательском интерфейсе Диспетчера тегов и в галерее шаблонов сообщества. Он отображается в верхней части страницы сведений о шаблоне и появляется, когда шаблоны перечислены.
- Используйте название вашей компании/организации и функциональное имя шаблона: Название организации . Имя шаблона .
- Используйте регистр заголовков.
- Используйте термины, описывающие функциональность.
- Избегайте использования термина «Официальный» в названиях шаблонов, если вы не уполномочены на это соответствующей организацией.
Примеры: тег измерения конверсий MyCompany, переменная идентификатора кампании MyCompany.
Описание
Описание шаблона — это описание шаблона, которое отображается на страницах сведений в виде краткого описания функций шаблона.
- Используйте четкие и краткие предложения, чтобы описать, что делает шаблон.
- Четко укажите, какую пользу ваш шаблон принесет пользователю. Например: «Шаблон Audience Builder на example.com поможет вам создать новые списки аудитории на основе посетителей веб-сайта».
- Избегайте жаргона.
- Включите ссылки на дополнительную информацию, документацию и поддержку.
Икона
Значок вашего шаблона отображается в виде миниатюры в Диспетчере тегов и в галерее шаблонов сообщества.
- В качестве формата изображения используйте PNG, JPEG или GIF.
- Изображение должно быть квадратным, размером не менее 48 х 48 пикселей и не более 96 х 96 пикселей.
- Размер файла должен быть меньше 50 килобайт.
- Избегайте использования официальных логотипов компании, если вы не уполномочены на это соответствующей организацией.
- Поля
- Используйте вкладку «Поля» редактора шаблонов, чтобы добавлять элементы формы, такие как ввод текста, флажки и т. д.
Поля
Эти рекомендации по стилю применимы к вкладке «Поля » редактора шаблонов.
Имя параметра
Это имя поля, которое отображается в редакторе шаблонов, а не так, как оно отображается пользователю. Имена должны описывать тип используемых данных. Отформатируйте имена параметров как lowerCamelCase
. Примеры: имя пользователя, идентификатор клиента, ShoppingCartValue .
Метки полей
Метки полей включают поля отображаемого имени, текст флажка и связанные элементы.
- Используйте регистр предложений.
- Короче лучше.
- Будьте описательными.
- Используйте общие слова.
Текст справки
Текст справки — это информационный контент, отображаемый в виде всплывающей подсказки, который помогает пользователю ввести допустимое значение в поле шаблона. Приведите пример входных данных, если это возможно, и опишите, как используется поле шаблона или эффект предоставления определенных значений.
- Используйте регистр предложений.
- Будьте кратки, но будьте человечны. Можно использовать сокращения и писать от 2-го лица (вы).
- Поддерживаемые типы полей
- Базовое форматирование HTML разрешено. Примеры:
<strong>
,<em>
.
Поддерживаемые типы полей
Тип | Описание |
---|---|
Ввод текста | Текстовый ввод. Значением параметра шаблона этого типа будет строка, которая может ссылаться на переменные. Виджет ввода текста, отображаемый в пользовательском интерфейсе Диспетчера тегов, может представлять собой либо однострочное текстовое поле, либо многострочный ввод. |
Раскрывающееся меню | Раскрывающееся меню, в котором в качестве значения параметра шаблона можно выбрать только один элемент. Перечисляйте элементы в алфавитном порядке, если нет веской причины поступить иначе. |
Флажок | Ввод флажка. Значение параметра шаблона этого типа будет логическим: true для отмеченного, false для непроверенного. |
Радиокнопка | Радиовход. Параметр шаблона этого типа представляет список вариантов в пользовательском интерфейсе Диспетчера тегов, и пользователю разрешено выбрать только один из вариантов в качестве значения параметра шаблона. |
Простая таблица | Простой табличный ввод. Каждую ячейку в таблице можно редактировать на месте, и каждая ячейка может быть только двух типов: текстового ввода или раскрывающегося меню. Значением параметра шаблона этого типа является массив объектов: каждый объект кодирует строку, каждый ключ в объекте должен быть одним из имен столбцов, а каждое значение в объекте является значением соответствующей ячейки. |