SEO на сайте

Подробное объяснение развертывания расширенной электронной коммерции Google Analytics.

06 Янв

Некоторое время назад мне посчастливилось познакомиться с Google Analytics по работе.(гугл аналитика)，Хотя официальный документ сайта представляет это очень подробно.，Но я все равно столкнулся со многими проблемами в процессе развертывания кода.，Статей о развертывании кода GA в Китае очень мало.，Итак, сегодня я пройду развертывание кода от начала до конца.，Я надеюсь, что разработчики веб-сайтов смогут более гладко развертывать код GA.。

1.基础部署

первый，登录Google Analytics必须有一个Gmail账号。Итак, домашние студенты，вы понимаете。搞个VPN翻墙或者用google浏览器安装[谷歌访问助手]插件注册一个吧。
Скачать Google Access Assistant：http://pan.baidu.com/s/1nvNjmJJ
注册完成之后登录GA创建一个GA账户以获取一个追踪id，Конкретные операции заключаются в следующем:：

GA注册账户

После успешной регистрации учетной записи GA щелкните меню управления.，Посмотреть свой код отслеживания：

GA获取追踪id

Далее просто следуйте подсказкам и добавьте эти коды на страницу сайта.。Рекомендуется добавить код отслеживания в общедоступный js.，Внедрите общедоступный js на страницы, которым необходимо использовать GA.。
При посещении веб-страницы вы обнаружите, что количество просмотров страниц в отчете увеличится на 1.。
基本语法请参考GA官方文档

2.高级功能的实现

GA的扩展性很强，Есть много функций, которыми нам удобно пользоваться。например：Пользовательские размеры，Пользовательские индикаторы，Цель，отслеживание идентификаторов пользователей и т. д.。
Если вы хотите посчитать количество пользователей, успешно зарегистрировавшихся на сайте，Этого можно достичь, используя цели。Цели можно добавлять в управлении GA.，В описании цели вы можете выбрать целевую страницу или событие.，Это можно определить по мере необходимости。

比如我在GA中设置的目标说明为事件，设置事件的类型为Register_Success。这就是说当网站向GA中发送这个类型的事件，那么目标统计就会+1.
代码：

ga(‘send’, ‘event’, ‘Register_Success’, ‘Sign Up’, RegisterName);

如果要统计用户付款时候所选择的付款方式就可以使用自定义维度来实现。自定义维度也是在管理中进行添加，维度的名称是GA报告中显示的名称，维度的索引是网站代码中需要向GA发送数据的时候要用到。

if(payMethod == 'wechat_pay'){    
ga('send', 'pageview', {
        'dimension1':  '微信支付'   //dimension1 这个1是自定义维度的索引
    });
}else{
    ga('send', 'pageview', {
        'dimension1':  '
支付宝支付'    
});
}

这时候就已经向GA中成功发送了所以为1的自定义维度了。但是报告中并没有地方有展示的自定义维度的报告。所以我们就可以在自定义菜单中添加一个自定义报告，在自定义中找到自己的自定义维度，其它配置看自己需要。

接下来部署增强型电子商务：

部署增强型电子商务首先需要在GA管理中开启增强电子商务功能。
ps:本地环境 angular.js
添加增强电子商务插件,在公共js中加入代码： ga('require', 'ec');

1.产品列表页面所展示的产品：

ga('set', '&cu', 'CNY');              // 本地货币 CNY 人民币
foods.forEach(function (data, index, array) {
    var impression = {
        'name': data.itemName,               // 产品的名称
        'id': data.itemId,                  // 产品id
        'price': data.itemPrice,            // 产品单价
        'brand': restName,                  // 品牌
        'category': categoryName,           // 分类
        'list': 'xxx Products',         // 所属的list
        'position': index               // 产品位置
    };
    ga('ec:addImpression',impression);      //注意：一个产品发送一次ec:addImpression，一个页面上有100个产品就要发送ec:addImpression 100次。
});
ga('send', 'pageview');
console.log("ga衡量商品展示");

2.衡量产品的点击

//ec:addProduct中添加被点击的商品的具体信息
 ga('ec:addProduct', {
    'id': $scope.foodData.data.itemId,
    'name':$scope.foodData.data.itemName,
    'price':$scope.foodData.data.itemPrice,
    'brand':$scope.foodData.data.branchId,
    'category': $scope.foodData.data.categoryName,
    'variant':$scope.foodData.data.desc
});
//ec:setAction click表示有产品被点击
ga('ec:setAction', 'click', {list: 'xxx Products'});
// Send click with an event, then send user to product page.
ga('send', 'event', 'UX', 'click', 'Results', {
    hitCallback: function() {
    }
});
console.log("被点击的商品"+$scope.foodData.data.itemName);

setAction操作类型：

GA注册账户


3.加入购物车

ga('ec:addProduct', {
            'name': $scope.foodData.data.itemName,
            'id': $scope.foodData.data.itemId,
            'price': $scope.foodData.data.itemPrice,
            'brand': $scope.foodData.data.branchId,
            'category': $scope.foodData.data.categoryName,
            'quantity': 1
        });
        console.log("被加入购物车的商品"+$scope.foodData.data.itemName);
        ga('ec:setAction', 'add');
        ga('send', 'event', 'UX', 'click', 'add to cart');     // Send data using an event.

4.移除购物车

var products=[];
  foods.forEach(function (data,index,array) {
      var product = createProduct(data,data.itemCategory,restName);
      console.log(product);
      ga('ec:addProduct', product);
  });
  ga('ec:setAction', 'remove');
  ga('send', 'event', 'UX', 'click', 'remove from cart');     // Send data using an event.

5.点击下单按钮 开始支付流程

for(var i=0;i<$scope.cart.foods.length;i++){
       var product=  {
           'name': '',
           'id': '',
           'price': '',
           'brand': $scope.cart.restName,
           'category': 'Apparel',
           'variant': 'Black',
           'quantity': ''
       };
       product.name=$scope.cart.foods[i].itemName;
       console.log($scope.cart.foods[i].itemName);
       product.id=$scope.cart.foods[i].itemId;
       product.price=$scope.cart.foods[i].itemPrice;
       product.quantity=$scope.cart.foods[i].count;
       /*products[i] = product;*/
       ga('ec:addProduct', product);
       // products.push(product);
       console.log(product);
   }
   ga('ec:setAction','checkout', {
       'step': 1,            // A value of 1 indicates this action is first checkout step.
       'option': 'null'      // Used to specify additional info about a checkout stage, e.g. payment method.
   });
   ga('send', 'pageview');   // Pageview for payment.html

6.支付成功，页面回调

//1.向GA发送已成交的的商品
 for(var i=0;i<$scope.cart.foods.length;i++){
        var product=  {
            'name': '',
            'id': '',
            'price': '',
            'brand': $scope.cart.restName,
            'category': 'Apparel',
            'variant': 'Black',
            'quantity': ''
        };
        product.name=$scope.cart.foods[i].itemName;
        console.log($scope.cart.foods[i].itemName);
        product.id=$scope.cart.foods[i].itemId;
        product.price=$scope.cart.foods[i].itemPrice;
        product.quantity=$scope.cart.foods[i].count;
        ga('ec:addProduct', product);
        console.log(product);
    }
    ga('set', '&cu', 'CNY');              // Set tracker currency to Euros
    // Transaction level information is provided via an actionFieldObject.
    ga('ec:setAction', 'purchase', {
        'id': orderNo,                         // 交易ID. Required for purchases and refunds.
        'affiliation': 'Sherpas website',
        'revenue': $scope.cart.totalPrice,                          // 收益 (incl. tax and shipping)
        'tax':'0',                                                   // 税
        'shipping': $scope.cart.deliveryFee,                     // 运送费
        'coupon': $scope.couponO
    });
    ga('send', 'pageview');     // Send transaction data with initial pageview.
    
    //2.支付流程2 支付成功
    ga('ec:setAction', 'checkout_option', {
                'step': 2,
                'option': null
            });
    ga('send', 'event', 'Checkout', 'Option', {
        hitCallback: function() {
        }
    });
    ga('send', 'pageview');     // Pageview for shipping.html

7.在GA报告电子商务管理中添加渠道：

渠道1：开始下单
渠道2：支付成功

GA渠道配置

这样在报告–>转化–>电子商务–>购物分析–>结账行为中就可以显示出这两个渠道了。
效果展示：

GA渠道配置

这时候增强电子商务的大部分功能就已经实现了。还有一些其它功能又上面类似，就不展示了。
在整个代码部署完成之后我们会发现其实这样部署代码是非常麻烦的，并且需要维护起来比较困难，google也是看到了这一点所以后来推出了Tag manager进行代码远程部署。想要尝试用tag manager部署增强电子商务的同学可以参考这个，官方已经说的很详细了。

О Редакционный отдел

Редакция kuajinggu — это команда экспертов WordPress.，Под руководством Дилана，В WordPress、виртуальный хост、электронная коммерция、Опыт работы в SEO и маркетинге более 10 лет.。Куаджингу был создан в 2014 Год，В настоящее время крупнейший бесплатный веб-сайт ресурсов WordPress в отрасли.，Часто называют Википедией WordPress.。

Новее Как дезавуировать ссылки на ваш сайт
Обратно к списку
Старшая 如何配置Google Index API实现谷歌快速收录

Добавить комментарий