Настройка Google analytics для opencart

По настройке электронной коммерции для Google Analytics написано море статей. Но самое обидное, что на 90% — это просто повторение справки самого Гугла, которая, хочу вам сказать, очень качественная и постоянно обновляется. Однако, когда сталкиваешься с конкретной задачей под конкретный движек – всплывает масса вопросов. Дело в том, что справка написана для людей, понимающих основы javascript.

К сожалению, в реальной жизни крайне редко получается просто скопировать код. Зачастую его нужно менять и подстраивать.
Поэтому я и решил написать данную статью. В качестве примера я взял CMS OpenCart, как наиболее распространенный движок для интернет-магазинов. И пошагово напишу, что и куда надо вписать, чтоб у вас заработала электронная коммерция. В этой статье мы рассмотрим классическую (не расширенную) коммерцию. Все что вам нужно для подключения, это доступ к самому Аналитиксу и на ftp вашего сайта, т.к. нужно вносить правки в код.
Конкретно для opencart задача состоит из двух частей. Во-первых, нужно передать данные о заказе на последнюю страницу (index.php?route=checkout/success). А уже во-вторых, передать эти данные в GoogleAnalytics.

Как добавить Google Analytics на Opencart

Вывод данных о заказе на страницу «Спасибо за покупку»

В опенкарте почему-то на последней странице выводиться обычный текст, мол, спасибо за покупку, звоните и т.д. Без дополнительных настроек здесь нет ни номера заказа (чаще всего), ни суммы заказа ни прочей информации. Я решил исправить эту ситуацию, и в результате вышло нечто подобное:
Вывод инфомации о заказе и товарах на последней странице
Разумеется формулировки текста и стили вы можете править по своему усмотрению. Для этого переходите на вашем ftp в каталог: cataloglanguagerussiancheckout и там открывайте файл success.php, увидите нечто подобное:
редактирование текстов для Opencart


Вот то что слева – это переменные, а справа сам текст. Можно использовать html теги. Так что формулировки и прочее придумывайте себе. Кстати, напоминаю, что перед тем, как вносить какие-то изменения, сделайте резервную копию изменяемых файлов, а лучше – всего сайта.
Теперь идем по адресу catalogcontrollercheckout и открываем файл success.php в этой папке. В ней и определяются переменные, которые будут доступны нам на выходе. Находите строки в самом начале:

Черный экран Гугл мапс

session->data[‘order_id’])) < $this->cart->clear();
data[‘order_id’] = 0; // Номер заказа $this->data[‘total’] = 0; // Сумма заказа $this->data[‘products1’]=0; // Информация о товарах if (isset($this->session->data[‘order_id’])) < $this->data[‘order_id’] = $this->session->data[‘order_id’]; // Номер заказа< $this->data[‘total’] = $this->cart->getTotal(); // Сумма заказа $this->data[‘products1’] = $this->cart->getProducts(); // Информация о товарах $this->cart->clear();

Вот эти три переменные нам и нужны. Так же, если вы добавляли новые переменные с текстом (вот тут cataloglanguagerussiancheckout) то их нужно обязательно добавить:

Настройка расширенной электронной торговли Google Analytics и событий пикселя Facebook на Opencart


подключаем текстовые переменные
Теперь нам нужно настроить вывод этих данных. Для этого идем по адресу: catalogviewtheme*ваша_темеtemplatecommon и открываем файл success.tpl
Вносим правки по своему усмотрению. Вот как это сделал я:
Как вывести информацию о заказе
Все. Красивая страница с информацией о заказе у вас есть. Переходим к самому главному.

Подключение e-commerce для GoogleAnalytics (напрямую, не через Tag Manager)

Включить е-коммерс в настройках Аналитикс

Теперь, когда на данной странице есть данные о заказе, все что нам надо, это передать их в Google. И тут мы сталкиваемся с небольшой задачей. Дело в том, что данные у нас хранятся в переменных php, а гугл принимает их через Яваскрипт. Но и это решение уже есть в справке. Я его адаптирую исходя из наших переменных. Перед тем, как начать править код, убедитесь, что у вас включена функция e-commerce в самом аналитиксе:

В том же файле (catalogviewtheme*ваша_темеtemplatecommonsuccess.tpl) нужно вписать следующий код (в начало файла):

$order_id, ‘revenue’=>$total); // Копируем в переменную items наши покупки, чтоб код был максимально похож на исходный. $items = $products1; // Переводим данные из php в JS для транзакции function getTransactionJs( return ’, ‘revenue’: ‘’ >); HTML; > // Переводим данные из php в JS для товаров function getItemJs($item) < return ’, ‘sku’: ‘’, ‘price’: ‘’, ‘quantity’: ‘’ >); HTML; > ?>

Как отключить Google защиту

И внизу страницы добавляем:

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

Подключение через Google Tag Manager

Подключаем е-коммерс через гугл так менеджер..

Если вы продвинутый пользователь, и работаете через Таг Менеджер, подключение происходит немного иначе. Чтоб не копировать опять код, я просто опишу. Данные передаются в dataLayer. Для этого вы аналогично используете функцию перевода php а JS а затем вызываете ее. Смотрите скрин:

Важный момент: этот код должен быть подключен ДО кода tag manager.

Последнее, что вам нужно сделать, это зайти в tag manager и создать там соответствующий тег, который будет активировать комерцию. Выбирайте тип отслеживания: Транзакция, условия активации: некоторые страницы -> страница содержит checkout/success
Не забудьте опубликовать данное изменение.

Прошу обратить внимание на возможные ошибки!

В работе столкнулся с такой проблемой. Если у вас в названиях используются кавычки (одинарные ‘ или двойные «) будьте осторожны, они могут ломать код яваскрипта! Для этого экранируйте их, или используйте разные типы.
Вообще, одинарной кавычки в тексте быть не должно, это спецсимвол. Используйте вместо него апостроф ` (перед 1 который).
В любом случае, всегда тестируйте изменения на сайте и следите за ошибками в консоле.
Спасибо за наводку Станиславу Тимонову, Интернет-магазин Bowandtie Shop Gallery.

29 июля 2016

Похожие статьи:

  • Ecommerce в метрике Подключение электронной коммерции для Яндекс.Метрика Электронная коммерция, почему-то, у большинства ассоциируется исключительно с Google.Analytics. (Подробная статья по установке екоммерса от…
  • Отчеты по расширенной e-commerce Отчеты по расширенной электронной коммерции О важности анализа электронной коммерции говорят почти все маркетологи и специалисты. О тонкостях настройки написано…
  • Тестирование от Google Сдача тестов в программах сертификации Google Рекламная деятельность, как вобщем-то и маркетинг – считаются очень творческими профессиями. А все…
  • Анализ систем статистики Сравнение систем веб-аналитики (Google.Analytics, Yandex.Metrika ) и рейтингов (LiveInternet и BigMir) Конференция: Продвижение вашего бизнеса в сети, https://ipromo.ua/ Проходила: 21…
Что делать если твой аккаунт Гугл взломали

Понравилась статья? Подпишись на новые по E-mail

Источник: marketnotes.ru

Подключение Google Analytics к Opencart

Как ни крути, а наблюдать за посещаемостью и анализировать поведение пользователей на сайте — дело наиважнейшее, позволяющее узнать, в каком направлении развивать свой интернет-магазин и что поменять в интерфейсе. Из всех инструментов мониторинга и аналитики в странах СНГ наиболее распространены всего два: от компаний Google и «Яндекс». При этом из админ-панели OpenCart можно легко установить только код Google. Поговорим о том, как это сделать.

Я не буду расписывать, как зарегистрироваться и получить сам код Google Analytics, потому как об этом есть отдельная статья. Предположим, что код у вас уже есть. И OpenCart есть. Осталось их совместить.

2.В главном меню выполните команду Дополнения -> Аналитика и нажмите кнопку Установить в строке Аналитика Гугл.

Установка дополнения Аналитика Гугл

3.Нажмите кнопку Редактировать.

Редактируем дополнение

4.Введите свой код в поле Код Аналитики Гугл, из раскрывающегося списка Статус выберите пункт Включено и сохраните изменения.

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

Рекомендую:

  • Пример создания Интернет-магазина на OpenCart 2.0 — бесплатные уроки;
  • Заработок на создании сайтов — бесплатный курс по открытию своей веб-студии.

Источник: www.seostop.ru

Аналитика

Opencart аналитика: как установить и добавить модуль Google Analytics

Из всех инструментов аналитики и мониторинга сайтов в странах СНГ широко распространены только два: от компаний Google и «Яндекс». В админ-панели OpenCart можно легко установить только код Google. Расскажем о том, как это сделать.

В панели управления Opencart для добавления кода Google Analytics имеется стандартный модуль:

  • В панели управления перейдите в блок «Модули/Расширение», после в сплывающем списке откройте блок «Модули/Расширение»,
  • В выпадающем списке справа «Тип расширения» выберите «Аналитика». В некоторых версиях может называться «Статистика».
Как посчитать количество выделенных строк в Гугл таблице

analytics-1

  • Нажмите на кнопку активации модуля «+» напротив «Google Analytics».
  • Ниже появится строка с названием вашего магазина.
  • Нажмите «Редактировать» напротив нее.

analytics-2

  • В поле Код отслеживания Google Analytics Code вставьте код скопированный в аккаунте Google Analytics или Google Tag Manager.
  • Смените статус модуля на «Включено».
  • Сохраните изменения.

analytics-3

  • Теперь Код добавлен на все страницы вашего сайта.
  • Перейдите в браузере на любую страницу вашего сайта.
  • Нажмите клавишу F5 (обновление страницы).
  • Нажмите клавиши Ctrl+U, в новой вкладке браузера откроется код страницы.
  • Нажмите клавиши Ctrl+F (появиться поле поиска).
  • В поле поиска введите текст «google».
  • Вы увидите выделенный код счетчика Google Analytics.

analytics-4

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

Источник: www.opencart.ru

Рейтинг
Загрузка ...