Sfera-perm.ru

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

Как добавить счетчики opencart

Как установить Яндекс Метрику на сайт

Первоклассный сервис от российской компании Яндекс Метрика, позволяет не только отслеживать трафик, но ещё заниматься полноценным анализом действий посетителей и отслеживать конверсии.

Тут в полной мере задействовано несколько видов таргетинга — возраст, пол, гео, тип устройства. Это очень полезный инструмент для маркетологов, SEO-оптимизаторов (веб-мастеров), владельцев бизнеса.

Что такое Яндекс.Метрика

В первую очередь ЯМ — бесплатная платформа, предназначенная для оценки посещаемости интернет ресурсов. В России явный лидер среди аналитик, так как позволяет собрать много важных данных о трафике. Интегрируется со страницами посредством обычного счётчика, прописанного кодом JavaScript.

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

Чтобы пользоваться инструментом, сначала требуется завести почту на Яндексе. Достаточно просто зарегистрироваться — это займёт не больше пары минут. После этого установить код счётчика на сайт (подробнее о том, как устанавливать на различные CMS, ниже).

Яндекс Метрика включает 7 основных разделов.

Отчёты

Здесь несколько подменю: стандартные отчёты, мои, избранные, по расписанию. Например, в стандартных отчётах имеется возможность смотреть посещаемость ресурса за любой период времени (день, неделя, месяц, квартал).

Ещё один полезный подраздел — «Источники». Сюда входит несколько рубрик, среди которых имеется возможность анализировать поисковые запросы.

Карты

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

Просматривать карты желательно через 7 дней, а лучше — спустя месяц после установки кода. В ЯМ используется три вида карт: ссылки (логотип/популярные статьи/футер/описание/), клики (абсолютно все клики по сайту) и скроллинг (на какой части ресурса пользователи находятся больше времени).

Вебвизор

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

Посетители

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

Сегменты

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

Интеграции

Новый раздел, дающий возможность подключать интеграцию под любую задачу. На данный момент уже работает множество полезных функций: быстрый переход к Метрике из Google Chrome, Yandex, монетизация сайтов, бесплатная загрузка рекламных расходов, передача статистики по транзакции, заказанным товарам и многое другое.

Настройка

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

Зачем нужна Яндекс.Метрика

Благодаря Метрике удаётся эффективно изучать свою целевую аудиторию. Этот бесплатный инструмент от Яндекса даёт возможность подключать несколько полезных видов таргетинга:

  • пол юзеров — веб-мастер узнает, кто чаще заходит (мужчины/женщины);
  • возраст посетителей — молодёжь или зрелые люди;
  • источники переходов — как заходят (по прямым ссылкам, из поисковых систем и т. д);
  • время — сколько минут или часов посетители проводят на блоге;
  • популярные страницы — на какие статьи, новости, товары чаще кликают и многое другое.
Читайте так же:
Бизнес план по продажам счетчиков

Естественно, большое количество полезной информации не может оставить оптимизаторов равнодушными к Метрике. Поэтому ещё ни от одного из них не было плохих отзывов про этот аналитический инструмент. Да и самое главное — он целиком бесплатный!

Как установить Яндекс Метрику

Чтобы установить ЯМ, нужно иметь готовый аккаунт Яндекса. Затем следует посетить metrika.yandex.ru и кликнуть по кнопке «Перейти».

Дальше нажать на «Добавить счётчик».

После чего заполнить на открывшейся странице:

  • имя счётчика;
  • адрес домена — полный путь;
  • часовой пояс или Гео;
  • поставить галочку на вебвизор и карты скроллинга;
  • принять условия;
  • нажать на «Создать счётчик».

После этого системой будет предоставлен код. Его нужно разместить на собственной веб-площадке.

WordPress

Чтобы добавить код на движке Вордпресс, его надо для начала скопировать.

  • перейти в консоль WordPress;
  • нажать на «Внешний вид/Редактор»;

  • кликнуть на header.php в правой панели;

  • вставить код ЯМ перед закрытым слешем .

Теперь остаётся обновить файл в Редакторе. Счётчик начнёт работать и отслеживать действия посетителей. Можно также установить код в подвале сайта (футере).

Тильда

Задача посчитать, какой трафик заходит на блог и как себя ведут посетители, встаёт и перед владельцами ресурсов, сконструированных на Тильде. Вот как устанавливается Метрика на лендинг в конструкторе сайтов Тильда путём прямой интеграции (для этого Тильда и ЯМ обязаны быть открыты в одном браузере):

  • зайти в настройки Тильда;
  • кликнуть по «Настройка сайтов»;

  • затем нажать на «Аналитика»;

  • перейти по кнопке «Яндекс Метрика»;

  • предоставить доступ к ЯМ, который попросит система Тильды;
  • нажать «Сохранить изменения».

Теперь все данные автоматически будут поступать в Метрику.

Код также можно подключить вручную, если интеграция по какой-то причине не получилась. Для этого нужно скопировать номер счётчика ЯМ и вставить в окошко.

Номер счётчика или ID расположен в настройках ЯМ.

Также его удастся скопировать прямо из кода.

Битрикс

Ниже инструкция о том, как установить код ЯМ на конструктор Битрикс 24. Действия мало чем отличается от тех, которые проводились в Тильда. Сайт и ЯМ должны быть открыты в одном браузере. Итак, конкретно про очерёдность шагов:

  • нажать на знак шестерёнки в Битрикс 24;

  • перейти «Дополнительно/Яндекс Метрика»;

  • ввести ID счётчика ЯМ;
  • нажать «Сохранить».

Опенкарт

В админке OpenCart нет возможности работы с кодом непосредственно через редактор шаблона, как на WP. Поэтому вводить данные придётся посредством FTP. Для этого нужно открыть FileZilla и подключиться к хостингу. Далее:

  • найти документ footer.tpl;

  • открыть его в редакторе Notepad++;
  • вставить его между элементами

    Работа с заказом через админку OpenCart, взгляд изнутри

    Разрабатывая модуль для OpenCart, мне понадобилось добавить дополнительное поле к товарам заказа. Но прежде необходимо изучить как устроена работа с заказом через админку. Как оказалась схема не простая и немного запутанная, но это с первого взгляда.

    Данные о товарах заказа хранятся в таблице order_product , где товары с заказами связаны по id ( order_id , product_id ). К слову информация о заказе хранится в нескольких таблицах order_ .

    Интерфейс

    Перейдем в админке «Продажи-Заказы» и выберем любой заказ на редактирование.

    Страница редактирования заказа состоит из 5 вкладок, в каждую из которых можно попасть только из предыдущей (нажимая кнопку «Продолжить»), при этом при переходе на некоторые вкладки происходят ajax запросы, на основании ответов которых происходит заполнение вкладки.

    Если js в браузере отключен — редактирование заказа будет недоступно. Попасть на произвольную вкладку нельзя.

    Перейдем в admin/view/teplate/sale/order_form.tpl (OpenCart 2.3). Здесь можно увидеть что изначально весь интерфейс статический, однако при переходе на вкладку «Товары» (клик по #button-customer внутри генерирует клик #button-refresh где и происходит изменение интерфейса) следует серия ajax запросов, в результате которых на вкладке меняется интерфейс.

    Интерактивный интерфейс строится посредством javascript.

    Изменение заказа

    Перейдем на вкладку «Товары».

    При попытке изменить количество позиции посылается ajax запрос с route=api/cart/add . В файле catalog/controller/api/cart.php в методе add используется объект $this->cart класса Cart (корзина), а именно его метод add . Если взглянуть на код метода, то не трудно понять что новые данные о товарах записываются в таблицу cart , но нигде нет записи в таблицы order_ .

    В таблице cart есть столбец session_id , значение которого привязывается к текущему юзеру, и является ключом данных в массиве $_SESSION . То есть данные в таблице cart временные и существуют только на период существования сессии юзера.

    Подробнее о том что здесь вообще происходит, можно прочитав предыдущие статьи про ajax запросы в OpenCart и про один из способов решения проблемы с доступом к API OpenCart.

    Работа с заказом через админку осуществляется через корзину — данные сохраняются в корзину (таблица cart ), но не сохраняются в данные заказа (таблицы order_ )

    Сохранение изменений заказа

    На странице редактирования заказа перейдем в последнюю вкладку «Итого», пролистаем вниз и нажмем кнопку «Сохранить».

    Просматривая консоль браузера можно увидеть запрос route=api/order/edit . Переходим в catalog/controller/api/order.php и смотрим немаленький метод edit , где заполняется массив order_data данными заказа ( $this->cart->getProducts() ).

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

    Почти в конце метода есть сохранение изменений через модель checkout/order в таблицу order_product :

    А еще ниже в этом методе есть добавление истории заказа:

    На этом можно было бы остановится . но дальше будет интереснее 🙂

    Посмотрим таблицу товаров заказа order_product :

    А теперь взглянем на таблицу корзины cart где хранятся данные редактируемого заказа:

    Становится безумно интересно, как данные из корзины ( cart ), сопоставляются с данными в заказе ( order )? Ведь просматривая таблицу корзины и товаров заказа между ними не видно никакой связи. Более того нет никакой связи между товарами этих двух таблиц!

    На самом деле все просто, запрос сохранения заказа api/order/edit передает:

    token по которому определяется корзина

    order_id по которому определяется заказ

    А теперь посмотрим внутрь модели checkout/order в метод editOrder и увидим там следующее:

    Нет никакого сопоставления товаров из корзины с товарами из заказа: данные из заказа удаляются и записываются новые данные из корзины.

    Дерзко, резко, быстро понятно, но неудобно для добавления дополнительных полей в заказ.

    Кстати, OpenCart занимает лидирующее место среди eCommerce на рынке России по мнению BuiltWith. Значит решение вполне годное и нам разработчикам остается лишь придумывать как с этим жить 🙂

    Сохранение изменений заказа через админку осуществляется на основании данных корзины редактирования заказа, а корзина привязывается к сессии текущего администратора.

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

    Создание пользовательского метода оплаты в OpenCart: часть 2

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

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

    Мы предполагаем, что имя нашего пользовательского метода оплаты — «пользовательский». Есть как минимум три файла, которые нужно создать, чтобы настроить вещи. Давайте проверим то же самое подробно.

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

    Создайте файл контроллера по адресу admin/controller/payment/custom.php . Вставьте следующее содержимое во вновь созданный файл контроллера custom.php . Этот файл будет отвечать за отображение нашей формы внутренней конфигурации, вызывая соответствующий файл представления и в то же время сохраняя значения записей формы в базе данных.

    Как видите, имя класса соответствует стандартным соглашениям об именах OpenCart. Давайте разберемся с каждым разделом.

    В начале метода index мы загружаем языковой файл и устанавливаем значение .

    В следующем разделе мы загружаем файл модели « setting.php который предоставит нам методы для сохранения значений записей в базе данных. Мы также проверяем, доступны ли значения записей, и сохраняем их в базе данных.

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

    Далее, мы настроили переменную «action», чтобы убедиться, что форма передается нашему «index» методу при отправке. Таким же образом пользователь возвращается к списку способов оплаты, если нажимает кнопку «Отмена».

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

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

    Наконец, мы назначаем наш пользовательский файл шаблона custom.tpl и отображаем представление.

    Это настройка для файла контроллера.

    Файлы языков и шаблонов

    Итак, теперь, когда мы закончили с файлом контроллера, давайте создадим файлы языка и шаблонов. Создайте языковой файл по адресу admin/language/english/payment/custom.php . Убедитесь, что ваш языковой файл выглядит как код, который мы предоставили ниже в нашем примере custom.php .

    Как видите, мы только что установили языковые переменные, ранее использовавшиеся в файле контроллера. Это довольно просто и понятно.

    Давайте создадим файл представления. Создайте файл шаблона в admin/view/template/payment/custom.tpl . Вставьте следующее содержимое во вновь созданный файл шаблона custom.tpl .

    Как это выглядит

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

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

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

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

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

    Как установить Opencart на хостинг

    OpenCart – это распространенная бесплатная CMS, ориентированная на создание интернет-магазинов. Она имеет открытый код, большое количество модулей, позволяющих настроить сайт.

    Подготовка файлов перед ручной установкой OpenCart

    Установка OpenCart на хостинг ручным способом применяется для большинства распространенных панелей управления (например, ISPmanager, cPanel, DirectAdmin или Parallels Plesk).
    Перед тем как установить OpenCart необходимо:

    • с официального сайта OpenCart скачать последнюю версию дистрибутива установщика;
    • на хостинге создать базу данных (БД) для OpenCart.

    Загрузка и распаковка дистрибутива

    Для установки OpenCart перейдите в панель ISPmanager и загрузите дистрибутив в корневую директорию домена по следующей инструкции.
    1. Найдите раздел «Главное» и выберите пункт «Менеджер файлов».
    2. В менеджере файлов перейдите в папку «www», далее в каталог домена.
    3. Для только что созданных доменов удалите содержимое папки. Выделите все файлы и нажмите на кнопку «Удалить».

    4. Нажмите кнопку «Закачать».
    5. Укажите в поле «Тип файла» – «Файл с локального компьютера» и выберите скачанный архив с дистрибутивом.
    6. Распакуйте содержимое архива, нажав на кнопку «Извлечь».

    7. Выберите папку с доменом и нажмите «ОК».

    Перенос в публичную директорию

    После распаковки архива, необходимо перенести файлы из папки «upload», и переименовать файлы конфигурации.
    Для этого сделайте следующее.
    1. Находясь в каталоге с доменом, перейдите в папку «upload».

    2. Выделите все файлы и нажмите на кнопку «Копировать»


    3. В появившемся окне выберите каталог с доменом.
    4. Поставьте отметку в поле «Перенести файлы» и нажмите кнопку «ОК».
    5. Вернитесь в каталог с доменом.
    6. Переименуйте файл «config-dist.php» в «config.php».


    7. Перейдите в папку «admin».
    8. Переименуйте «config-dist.php» в «config.php».

    Ручная установка OpenCart

    После подготовки всех файлов, перейдем к установке OpenCart.

    Для успешной работы CMS OpenCart потребуется предварительно установить на хостинг PHP версии 5.6.40 или выше. Как сменить версию PHP (на примере ISPmanager) описано здесь.

    Также нужно обязательно включить модуль «mcrypt», он есть не во всех версиях PHP (рекомендуем использовать PHP версии 5.6.40 — 7.1.27).

    Для включения «mcrypt» выполним вход в ISPmanager и перейдем в раздел «WWW», а затем в подраздел «PHP». Выберем используемую версию PHP и нажмем «Расширения CGI».

    В появившемся окне находим «mcrypt» и нажимаем «Включить». Появиться окно с вопросом «Вы действительно хотите включить mcrypt?», нажимаем «Ok»


    3. Откроется Step 2 («Шаг 2») – системная проверка готовности OpenCart к установке
    В колонке «Status» зеленым отмечены пункты, в которых нет ошибок. Если в каком – то пункте горит красный – это говорит о том, что возникнут ошибки при установке.
    Блоки «1» и «2» – сигнализируют об ошибках связаны с установкой веб-сервера. Блоки «3» и»4» – отвечают за ошибки загрузки файлов.
    Если нет ошибок, нажмите на кнопку «Continue».
    4. В Step 3 («Шаге 3») вводятся данные конфигурации подключения к БД. В верхней части укажите данные, которые были созданы на этапе создания БД для OpenCart:

    • в поле «Username» – пользователь БД;
    • в поле «Password» – пароль для пользователя;
    • в поле «Database» – наименование БД.

    5. В нижней части укажите данные для входа в административную панель OpenCart:

    • в поле «Username» – имя пользователя;
    • в поле «Password» – пароль для пользователя;
    • в поле «E-Mail» – электронная почта администратора.

    6. Для продолжения нажмите на кнопку «Continue».
    Откроется Step 4 («Шаг 4») – с сообщением о завершенной установке.

    Для завершения вернитесь в панель ISPmanager. Зайдите в каталог с доменом. Выделите папку «install» и удалите ее.


    Проверьте работоспособность сайта, введя его в адресной строке браузера.

    7. Заходим в панель администратора вашего сайта (адрес вашего сайта/admin) и переносим директорию «storage» за пределы веб-директории. В появившемся окне нажимаем «Move» и ждем появления уведомления «Success: You have modified the storage folder!» («Успешно: Вы изменили папку для хранения!»).

    Русификация OpenCart

    Большая часть шаблонов OpenCart представлены на английском языке. Соответственно модули и описания (например, вес, производитель и т.д.) на сайте тоже указаны на английском.
    Для установки русского языка необходимо загрузить архив с русификатором на сервер хостинга.
    1. С официального сайта OpenCart скачайте архив с локализации.
    2. Загрузите и распакуйте архив в корневой каталог домена.
    Далее необходимо перейти в настройки OpenCart.
    1. Зайдите в административную панель OpenCart и перейти в раздел «System», пункт «Localization», подпункт «Languages».
    2. Нажмите кнопку «Insert».
    3. Внесите данные:

    • в поле «Language Name» – «Russian»;
    • в поле «Code» – «ru»;
    • в поле «Locale» – «ru_RU.UTF– 8, ru_RU, ru– gb, russian»;
    • в поле «Status» – «Enabled»;
    • в поле «Sort Order» – «1».


    Далее вносим изменения в настройки магазина.
    1. Перейдите к пункту Settings, раздела «System».
    2. Нажмите кнопку «Edit».
    3. Перейдите во вкладку «Local».
    4. Поменяйте значения полей:

    • в поле «Language» – russian;
    • в поле «Administration Language» – russian.

    5. Сохраните изменения.

    Автоматическая установка

    Для установки CMS «в 1 клик» можно воспользоваться встроенными в панель скриптами.
    Этот способ подходит, если домен куплен и привязан к хостингу. Если есть только бесплатный технический домен, лучше воспользоваться ручной установкой.

    Заключение

    Установить OpenCart на хостинг с панелью ISPmanager можно двумя вариантами:
    1. Ручная установка. При этом самостоятельно скачиваются архивы с дистрибутивами (OpenCart и русификатора), создается БД и вносятся изменения в настройки OpenCart.
    2. Автоматическая установка. При этом необходимо иметь привязанный домен.

    Начни экономить на хостинге сейчас — 14 дней бесплатно!

    голоса
    Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector