Sibprompost.ru

Стройка и ремонт
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Яндекс Метрика и Google Analytics: создание и настройка счетчика для сайта

Яндекс Метрика и Google Analytics: создание и настройка счетчика для сайта

Для чего вообще использовать сервисы веб-аналитики, и каким сайтам они пригодятся? Если ответить коротко, то всем. С помощью систем аналитики можно не просто увидеть, сколько человек посещает ваш ресурс, но и получить важную информацию для корректировки юзабилити сайта, маркетинговой стратегии, бизнес-процессов компании.

Две ведущие системы веб-аналитики Google Analytics и Яндекс Метрика довольно похожи в плане функций и набора базовых отчетов, предоставляемых пользователю. Мы вам советуем не ограничиваться настройкой Яндекс Метрики, а также установить и натсроить на своем сайте Google Analytics. Для решения более сложных аналитических задач стоит установить обе системы. Тогда вы сможете отслеживать результаты кампаний в разных рекламных системах, эффективно работать над поисковой оптимизацией сайта и конверсией, а также проводить углубленную аналитику продаж. Что ж, мы поговорили о преимуществах систем аналитики, теперь переходим к техническим моментам.

Как установить на сайт код счетчика Яндекс Метрики. Шаг первый: создаем счетчик

Перед тем, как установить счетчик Яндекс Метрики на сайт, необходимо завести аккаунт в системе Яндекс. Естественно, если он у вас уже есть, заводить еще один не нужно. Оптимально выбрать логин, который вы используете для работы со своим сайтом (который вы используете для вебмастера, Директа и т.д). После авторизации ищем на главной странице Метрики кнопку «добавить счетчик».

Далее необходимо заполнить определенные поля в открывшемся окне. Какие именно?

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

Адрес сайта: добавляем URL вашего ресурса.

Дополнительные адреса: это поле заполняется, если ваш сайт открывается по разным адресам.

Часовой пояс: указываем часовой пояс, в котором находится ваша целевая аудитория.

Валюта. Применяется для обозначения ценности цели и информации по доходу от e-commers и Яндекс Директа.

Тайм-аут визита. По умолчанию устанавливается показатель в 30 минут, но это значение можно изменить. Вы можете выбрать любое целое число от 30 до 360 минут. Что показывает данный параметр? Если пользователь находится на вашем сайте, но бездействует в течение заданного времени, его визит будет считаться завершенным.

После заполнения всех необходимых данных принимаем условия пользовательского соглашения и кликаем на кнопку «создать счетчик». Новый счетчик будет отображаться на страничке «Счетчики».

Как установить счетчик Яндекс Метрики на сайт. Шаг второй: настройка

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

Вебвизор, карта скроллинга, аналитика форм. Это одна из самых важных опций. Про вебвизор мы уже поговорили. Карта скроллинга показывает, на что пользователи обращали наибольшее внимание при посещении сайта. А аналитика форм демонстрирует поведение пользователей при заполнении форм.

Отслеживание хэша в адресной строке браузера. Помогает корректно подсчитывать статистику для Ajax-сайтов.

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

Для XML сайтов. Тут все ясно, опция применяется для XML сайтов.

В одну строку. Вытягивает код счетчика в одну строку.

Запрет отправки на индексацию страниц сайта. При включении этой опции страницы не будут автоматически отправляться на индексацию.

Информер. Отображает данные о количестве посетителей за текущие сутки. Вы можете самостоятельно настроить его внешний вид, а также сделать его видимым или невидимым.

Отправка в Метрику данных электронной коммерции. Еще одна из важнейших опций, которая подключает E-commerce для сбора данных электронной торговли. При подключении этой опции в код счетчика добавляется контейнер для сбора данных, который по умолчанию назван dataLayer. Вы можете присвоить ему другое имя.

Альтернативный CDN. Позволяет правильно учитывать статистику посещений из регионов, где ограничен доступ к сервисам Яндекс. Без необходимости эту опцию устанавливать не стоит, так как она снижает скорость загрузки кода счетчика.

Не забудьте настроить панель «Вебвизора»!


Опция «запись страниц при просмотре посетителем» по умолчанию выключена, но, если вы часто обновляете страницы сайта, вам стоит ее включить. Запись может производиться двумя способами — из браузера и отдельным запросом. В первом случае запись передается из браузера пользователя, во втором — счетчик загружает содержимое сайта во время просмотра и направляет копию данных в Метрику. Еще одна опция, с которой мы работаем при настройке вебвизора — это загрузка страниц в плеер. Она может вестись от вашего имени либо от имени анонимного (неавторизованного) пользователя.

Читайте так же:
Счетчик вст 25 горячая

Настройка завершена? Теперь можно приступать непосредственно к установке кода счетчика.

Как установить счетчик Яндекс Метрики на сайт. Шаг третий: установка кода

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

Разместить код можно разными способами — можно вставить его в исходный код сайта или установить через Google Tag Manager.

Ну что ж, на первый взгляд, ничего сложного. Теперь давайте разберемся, как установить счетчик Яндекс метрики на сайты с разными CMS.

Как установить счетчик Метрики на сайт wordpress

Это можно сделать как без плагина, так и плагином.
1. Если вы устанавливаете счетчик без плагина, вам необходимо зайти в раздел «Внешний вид — Редактор». Справа вы ищете файл header. Далее в выпадающем окне вам нужно найти тег

Конструктор форм. Инструкция по добавлению формы оплаты на сайт на платформе «1С Битрикс: Управление сайтом — Стандарт».

Конструктор форм

Данный функционал сервиса https://kassa.payanyway.ru/ предназначен для создание формы оплаты с заданными свойствами. Полученную форму оплаты можно в дальнейшем вставить на любой сайт, у которого имеется редактор HTML страниц, т.е. практически в любую CMS.

Для начала работы с конструктором перейдите в соответствующий пункт меню сервиса: https://kassa.payanyway.ru/formpaylist:

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

Далее нажмите кнопку «Конструктор формы оплаты» для перехода к редактору.

Редактор имеет следующий вид:

Опции конструктора

  1. Запрашивать у покупателя (E-Mail, номер телефона). Вы можете выбрать что будет запрашивать у покупателя форма оплаты. Если в вашем аккаунте на сервисе https://kassa.payanyway.ru/ включена касса, то заполненный контакт покупателя будет использоваться для отправки ему чека (через ОФД). При выборе одновременно и E-Mail и номер телефона конструктор запросит выбрать куда именно будет отправлен чек.
  2. Описание платежа. Введите текст, который отражает за что в целом будет производиться оплата покупателем. Вы можете позволить покупателю самостоятельно менять описание платежа, если желаете получить от него индивидуальные подробности по оплате.
  3. Текст на кнопке. Вместо стандартного «Оплатить» можно задать «Купить» или «Заказать».
  4. Опция «После успешной оплаты направить пользователя по ссылке» предназначена для того чтобы задать перенаправление после успешной оплаты. Вы можете создать в вашей CMS специальную страницу с благодарностью об оплате и перенаправлять на неё пользователя.
  5. Назначить идентификатор заказа. Может понадобиться тем, у кого имеется какая-либо учетная программа, например «1С: Предприятие», куда ранее был заведен заказ покупателя подлежащий оплате. Идентификатор в дальнейшем позволит идентифицировать успешный платеж в системе Монета чтобы разнести оплату в учетной программе.
  6. Сумма к оплате — общая сумма заказа.
  7. Покупатель может менять сумму. Включение данной опции позволит покупателю самостоятельно установить сумму, подлежащую оплате.
  8. Опция «Детализировать список товаров/услуг» позволит добавить в форму оплаты список товаров (или услуг) с дополнительной возможностью выбрать количество каждого товара, входящего в состав данной формы оплаты. При выборе покупателем количества будет меняться и общая сумма заказа в соответствии с выбором. Каждому товару может быть добавлена фотография, выбрана ставка НДС для последующей печати чека после оплаты.

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

Получение HTML кода формы оплаты

После сохранения новая форма появляется в списке созданных вами форм оплаты:

При нажатии «Получить код для вставки на сайт» вы увидите страницу с HTML кодом формы оплаты и ссылкой на форму оплаты:

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

Инструкция по настройке счета

1. Зарегистрируйтесь в платёжной системе PayAnyWay и заполните все необходимые данные. Дождитесь проверки аккаунта и создайте расширенный счет.

2. Заполните настройки расширенного счета (раздел «Мой счет» — «Управление счетами» — «Редактировать счет»):

  • «Тестовый режим»: Нет
  • «Check URL»: Заполнять не нужно
  • «Pay URL»: https://kassa.payanyway.ru/index.php?do=invoicepayurl
  • «HTTP метод»: POST
  • «Проверить Check/Pay URL»: Нет
  • «Можно переопределять настройки в url»: Нет
  • «Подпись формы оплаты обязательна»: Да
  • «Код проверки целостности данных»: Произвольный набор символов
  • «Success URL» и «Fail URL»: Необязательное поле
    URL страниц магазина, куда должен попасть покупатель после успешной оплаты или в случае ошибки/отказа при попытке оплаты.
  • «InProgress URL»: Необязательное поле
    URL страницы магазина, куда должен попасть покупатель после успешного запроса на авторизацию средств, до подтверждения списания и зачисления средств. Поддерживается ограниченным количеством методов оплаты.
  • «Return URL»: Необязательное поле
    URL страницы магазина, куда должен вернуться покупатель при добровольном отказе от оплаты. Отчет об оплате в этом случае магазину не отсылается.
Читайте так же:
Как поставить фильтр грубой очистки перед счетчиком

Настройка оплаты на сайте

Система управления веб-проектами «1С-Битрикс: Управление сайтом — Стандарт» позволяет использовать собственный программный код при построении сайта. Под своим кодом, в контексте данной инструкции, понимается HTML код формы оплаты, который Вы можете получить в личном кабинете сервиса Касса платёжного решения PayAnyWay.

В данной инструкции будет создана новая страница сайта, на которой будет размещена форма оплаты.

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

    Войдите в режим Администрирования сайта. Слева, на панели управления, выберите пункт меню «Контент».
    В открывшемся блоке меню «Контент», кликните левой кнопкой мыши по ссылке «Структура сайта».
    В открывшемся списке кликните по названию первого элемента. Название элемента может быть различным. Например: «Интернет — магазин(Сайт по умолчанию)».
    Отобразится страница управления структурой главной страницы сайта. Нажмите на кнопку «Добавить» и в появившемся списке выберите «Добавить файл». Загрузится страница создания нового файла:

  • На странице создания нового файла заполните, поля:
    • «Заголовок страницы»; будет заголовком создаваемой страницы. Например: «Sale!».
    • «Имя файла»; Имя будет использовано для того, чтобы открыть создаваемую страницу в браузере. Например: «sale.php».

    В последнем блоке на странице будет представлена текстовая область. Вставьте код формы оплаты в данную текстовую область и нажмите кнопку «Сохранить».
    Предполагается, что форма оплаты уже создана Вами в личном кабинете на сайте сервиса PayAnyWay Касса.

    Форма оплаты успешно добавлена на сайт. Для просмотра созданной страницы перейдите из режима администрирования в режим просмотра сайта. В адресной строке браузера добавьте имя созданного файла — sale.php.
    Например: если Ваш сайт имеет в сети интернет адрес «www.site.ru», то для перехода на вновь созданную страницу необходимо набрать в адресной строке браузера «www.site.ru/sale.php».

    Вы можете добавить форму оплаты на сайт и другими способами. Например: встроить форму оплаты в уже существующую страницу сайта.
    Как правило, если при настройке сайта (редактировании его страниц, выстраивании структуры …), Вы видите текстовую область, куда можно вставить HTML код — это означает, что Вы можете добавить форму оплаты на данную страницу.

    PostgreSQL Antipatterns: накручиваем себе проблемы

    • Новости 1С-Битрикс
    • Полезные статьи

    Некоторые ситуации в работе PostgreSQL кажутся неочевидными, пока не попытаешься детально понять, «почему это работает так». Из-за незнания таких особенностей иногда разработчик сам провоцирует проблемы для нормальной работы своего приложения в будущем.

    Сегодня разберем пару примеров, как неудачная организация БД и кода могут превратить наше приложение в клубок проблем:

    • накрутка serial при ON CONFLICT
    • накрутка счетчика транзакций

    Накрутка serial при ON CONFLICT

    Давайте представим, что нам понадобилась небольшая таблица-словарь на пару десятков тысяч записей — что-то вроде списка форматов ошибок PostgreSQL.

    Наше приложение (или все-таки разработчики?) любит суррогатные ключи, поэтому сразу добавим в таблицу в качестве PRIMARY KEY автоинкремент-поле с типом serial . Точнее, smallserial — ведь мы точно знаем, что строк будет не больше 2 15 :

    Пытаться вставлять данные в него мы иногда будем, но новых среди них будет немного. Поэтому для удобства вставки, чтобы не заниматься обработкой исключений уникальности в своем коде, воспользуемся появившимся с версии 9.5 функционалом INSERT . ON CONFLICT . :

    Теперь оставим наше приложение спокойно работать, и… Вот ровно с такой ошибкой к нам и прибегут через несколько дней или недель:

    И потом начнут приходить все чаще и чаще. Но как появилось столько записей? Почему не сработал ON CONFLICT ?

    Дело в том, что они и «не появились». Давайте еще раз с нуля посмотрим на происходящее в нашей таблице:

    Как так pk = 3 , ведь вставилось всего 2 строки? Мы запутались…

    На самом-то деле, все объясняется просто. Посмотрим внимательно, что из себя представляет наша таблица:

    Типы данных smallserial , serial и bigserial не являются настоящими типами, а представляют собой просто удобное средство для создания столбцов с уникальными идентификаторами (подобное свойству AUTO_INCREMENT в некоторых СУБД). В текущей реализации запись:

    равнозначна следующим командам:

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

    То есть наш smallserial превратился в тыкву в поле smallint с DEFAULT -значением из последовательности tbl_pk_seq .

    А последовательность — штука нетранзакционная:

    Значение, выделенное из последовательности, считается «задействованным», даже если строку с этим значением не удалось вставить в таблицу. Это может произойти, например, при откате транзакции, добавляющей данные.

    То есть мы сначала сгенерировали DEFAULT-значение, «использовали» значение pk = 2 , а потом его не вставили в таблицу из-за конфликта уникальности val , скрыв проблему с помощью ON CONFLICT DO NOTHING . И после очередной такой попытки у нас просто «кончилась» последовательность.

    Читайте так же:
    Счетчик охта или норма
    Что делать?
    • хорошо
      Стараться не использовать лишние суррогатные ключи в таблицах, где уникальный ключ и так уже есть.
    • просто
      Сконвертировать поле и вместо smallserial использовать serial или bigserial — это позволит продлить агонию приложения на месяцы или даже годы.
    • разумно
      Не использовать serial и ON CONFLICT на таблицах с ожидаемо существенным количеством конфликтующих вставок.
    • странно
      Написать триггер INSTEAD OF для аналогичного по структуре VIEW (или можно хранимую процедуру, но мы ведь не ищем легких путей).

    Давайте в научно-познавательных целях попробуем собрать последний вариант:

    Обратите внимание, что дальнейшие вставки мы производим «как бы во VIEW»:

    Ура! Получили ровно то, что хотели, хоть и весьма нетривиально. Поэтому все получилось аккуратно, но котик несколько насторожен.

    Он понимает, что со следующей ситуацией так просто уже не разобраться.

    Накрутка счетчика транзакций

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

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

    Но в случае возникновения ошибки мы потеряем с откатом транзакции весь достигнутый прогресс — 9 записей успешно вставили, на 10-й получили таймаут — и все опять заново. Чтобы не терять сразу все, воспользуемся возможностью создания точек сохранения — SAVEPOINT :

    Давайте проверим, что первые две записи успешно сохранились в нашей таблице, несмотря на возникновение ошибки в ходе выполнения транзакции:

    Вот только у наших записей оказался разный идентификатор создавшей транзакции — он увеличивается с каждым вызовом SAVEPOINT .

    Для детального понимания внутренней механики работы транзакций, субтранзакций и 2PC в PostgreSQL рекомендую ознакомиться со статьей Transactions in PostgreSQL and their mechanism от Movead Li.

    На практике такая ситуация приводит к тому, что autovacuum: VACUUM . (to prevent wraparound) мы будем видеть очень и очень часто, а если ресурсы сервера не «резиновые» — это может стать проблемой.

    Что делать?
    • не можем позволить себе ждать завершения операции бесконечно
    • не хотим терять весь прогресс транзакции
    • не должны неоправданно «накручивать» счетчик транзакций

    Единственный приемлемый вариант — лавировать между Сциллой и Харибдой.

    Мы можем допустить потерю части прогресса, а не всего сразу. Тогда, фиксируя SAVEPOINT не после каждой операции, а только после некоторой группы, мы будем «накручивать» счетчик транзакций пропорционально меньше.

    Prymery.Med — корпоративный сайт медицинской организации

    • Подробное описание
    • Установка
    • Обновления
    • Поддержка
    • Частые вопросы

    Мы ответим на все вопросы о нашем решении, расскажем о преимуществах и поможем с настройкой в режиме реального времени

    Мы ответим на все вопросы о нашем решении, расскажем о преимуществах и поможем с настройкой в режиме реального времени

    Подробное описание

    Prymery: Med – готовое решение для сайта медицинской организации. Продуманная структура шаблона позволит вашим клиентам без проблем получить всю необходимую информацию о вашей организации и услугах, которые вы предоставляете. Адаптивная верстка открывает новые возможности для клиентов, работающих с сайтом через мобильные устройства и планшеты.

    Не переплачивайте за функционал, который вам не нужен! При необходимости решение можно изменить или доработать, обычный пользователь сможет поменять необходимую информацию в админ. панели сайта на вкладке решения, либо с помощью режима правки, а любой программист. понимающий структуру и принципы работы БУС, сможет доработать решение или внести корректировки в шаблон (решение реализовано согласно согласно рекомендациям 1С-Битрикс). Также решение будет дополняться функционалом во время постоянных обновлений.

    Неограниченная цветовая палитра. В несколько кликов вы можете поменять основной (базовый) цвет на сайте через админ. панель, существует возможность выбора уже определенных цветов, либо возможность установить свой фирменный цвет. Данная функция позволит максимально быстро адаптировать дизайн под фирменный стиль (цвет) вашего бренда.

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

    Личный кабинет пользователя

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

    Блог – статьи и новости

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

    Читайте так же:
    Реверсивный счетчик ие7 схема описание

    Установка

    Решение Prymery.Med устанавливается на всех редакциях 1С-Битрикс. Для установки решения используется мастер установки, который поможет вам в несколько кликов заполнить всю необходимую информацию для работы решения.

    После установки решения в админ. панели вашего сайта появится вкладка раздела «Prymery», в данном разделе вы сможете заполнить всю необходимую информацию в решении.

    Меню в Битриксе: типы, создание и редактирование пунктов меню

    Из чего состоит меню Битрикс, на какие типы делится и как формируется? На эти вопросы не так просто ответить не только новичку, но и опытному специалисту. При формировании и внедрении меню, а также редактировании его пунктов нужно быть особенно внимательным.

    Что такое меню в 1С-Битрикс и почему его называют наследуемым?

    Любое меню на сайте формируется на базе двух элементов:

    • Шаблон внешнего отображения меню. Шаблон представляет собой PHP-код, который ответственен за внешний вид. Шаблон обрабатывает массив данных, по итогу формируя HTML-код.
    • Массив данных $aMenuLinks. Определяет содержание меню, задает наименования и ссылки для всех пунктов. Управлять массивом данных можно с помощью административного интерфейса.

    Массив $aMenuLinks содержит ряд отдельных файлов, в каждом из которых находятся данные для каждого типа меню. Имя каждого файла имеет формат .menu.php. К примеру, хранение данных типа left предполагает использование файла .left.menu.php, а хранение информации типа top – файл .top .menu.php.

    Меню в Битрикс называют иерархически наследуемым. Связано это с тем, что файлы меню помещаются в папках тех разделов веб-ресурса, где необходим показ соответствующих типов меню. Если для раздела не сформирован соответствующий файл меню, система выполняет поиск сайта в каталоге уровнем выше.

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

    Еще один пример. Пользователь посетил раздел /ru/company/about/ . Чтобы показывалось меню типа left, система выполняет поиск файла меню в следующей последовательности:

    1. /ru/company/about/.left.menu.php

    2. /ru/company/.left.menu.php

    3. /ru/.left.menu.php

    4. /.left.menu.php

    Если в каком-то каталоге найдено меню, процедура поиска завершается и в последующих каталогах уже не выполняется.

    Типы меню

    Типом меню называют принцип формирования меню. Изначально дистрибутив содержит два типа: левое и верхнее. В зависимости от задач сайта может использоваться нижнее расположение. В каждом компоненте меню применяются два типа: первое – основное, а второе в качестве дополнительного при условии использования шаблонов многоуровневого типа.


    Типы меню

    В общем случае на сайте есть одно «главное» меню, которое соответствует верхней ступени иерархии. Отображается оно во всех разделах сайта. Также в системе используется меню второго уровня. Оно включает ссылки на подразделы и документы настоящего раздела.

    Отображение меню

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

    Если вам нужно, чтобы в находящемся ниже разделе не отображалось вышестоящее меню, сформируйте меню в необходимом разделе без формирования в нем пунктов меню.

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

    Виды используемых на веб-ресурсе меню задаются из административного раздела на странице настроек модуля Управление структурой. Допустим, в системе применяются два типа меню:


    Настройка типов меню

    • Левое меню – тип left;
    • Главное меню – тип top.

    Тип меню, указанный в настройках модуля Управление структурой, выступит в качестве префикса файла меню, а также для идентификации файлом с пунктами меню (к примеру, .top.menu.php). Помимо этого, имя типа меню применяется для подключения меню в шаблоне дизайна.

    Статическое меню

    В 1С-Bitrix все данные делятся на два типа: статические и динамические. Статическая информация редко меняется с течением времени. Создается и редактируется вручную. Статические данные вводятся непосредственно на странице сайта, а потому меняются редко и вручную.

    Динамическая информация хранится в базе данных сайта и выводится специальными компонентами системы. Размещается она с помощью программного кода и редактируется автоматически в зависимости от изменений в источнике данных – информационном блоке. Помимо этого, представленные два типа информации отличаются вариантами хранения, обработки и вывода. Оба вида информации могут быть размещены на одной физической странице. Допускается создание смешанного меню, которое будет содержать как статические, так и динамические пункты.

    Читайте так же:
    Штрафные санкции за отсутствие счетчиков

    Какое меню создавать? Тут все зависит от ваших целей и того, что именно вы хотите в нем видеть. Создайте статическое меню, если вам нужен блок, из которого можно переходить в разделы или на страницы сайта. Добавьте названия разделов и страниц, пропишите ссылки на соответствующие папки и файлы из физической структуры сайта. Именно простота является основным преимуществом статического меню.


    Статическое меню

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

    Динамическое меню

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

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


    Динамическое меню

    На примере выше динамическое меню. Для него не требуется создание отдельных пунктов и страниц для отдельных товаров, когда ассортимент пополнится новыми товарами.

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

    Независимо от того, какой тип меню — статический или динамический, — вы выбрали, корректная его работа во многом зависит от скорости сайта. Чтобы не потерять посетителей и конверсии, убедитесь, что сайт работает достаточно быстро. О том, как это сделать, мы писали в статье «Оптимизация сайта на “Битрикс”».

    Формирование меню и внедрение его в шаблон сайта

    Отметим еще раз: статические данные в структуре сайта – это папки (они же разделы) и файлы (страницы). Динамическая же информация – это инфоблоки (инструменты, с помощью которых в Базу данных заносится информация).

    Следовательно, статическое меню:

    • Имеет доступные для редактирования пункты;
    • Использует папки и файлы из структуры сайта.
    • базируется на инфоблоке;
    • пункты не отображаются при редактировании меню.

    Что нужно для создания статического меню с последующим внедрением его в шаблон сайта? Алгоритм работы следующий:

    • Создадим новый раздел, допустим, «Саженцы».
    • В административном разделе в папке /sazhenci создаем пустой файл .left.menu_ext.php, чтобы базовое динамическое меню в создаваемом разделе не показывалось.
    • В разделе «Саженцы» создаем несколько страниц и наполняем их содержимым.
    • Статическое меню создается автоматически, если при формировании страниц будет указана опция «Добавить пункт меню».
    • Вырубаем использование кеша, чтобы компонент меню мог обновляться сразу по изменении данных.

    По итогу мы получим статическое меню в разделе «Саженцы».

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

    Второй вариант – настройка меню на свой инфоблок. Алгоритм следующий:

    • Добавление инфоблока с его разделами и подразделами;
    • Формирование нужного раздела в Публичной части;
    • Размещение в визуальном редакторе компонента «Каталог» для взаимодействия с инфоблоками;
    • Указание в параметрах компонента созданного инфоблока как источника данных;
    • В разделе сайта появится инфоблок в виде каталога со своим меню.

    Наконец, третий способ. Он предполагает внесение изменений в код. Для этого:

    • В административной части, а именно в папке раздела создаем два файла меню — .left.menu.php и .left.menu_ext.php.
    • В файл динамического меню .left.menu_ext.php вставляем фрагмент кода:
    • Меняем название типа инфоблока, его ID и адрес сайта на нужные. Для этого выгружаем их из свойств информационного блока.

    После этого динамическое меню автоматически отобразится в разделе.

    Построение меню для показа проходит в три этапа:

    1. В основной шаблон показа попадает вызов отображения меню на экран;
    2. При загрузке компонент исследует наличие файла в текущем разделе сайта, который включает массив значений для меню;
    3. Компонент ищет шаблон построения для выбранного типа меню и высвечивает HTML меню на экран.
    голоса
    Рейтинг статьи
  • Ссылка на основную публикацию
    Adblock
    detector