1. 案例背景

饭糕学院,国内领先的绘画交流和在线教育社区,汇集了一批对动漫、二次元热衷的90后群体。通过输出大量的动漫内容吸引聚集群体后,然后通过提供绘画课程来赚取收入。

2. 需求分析

目前饭糕只有 PC 端一个产品,所有内容的浏览及主要交易流程均通过 PC 端完成,仅最后的支付环节需跳往支付宝完成。

在用户获取端,饭糕目前在百度的SEM、贴吧、腾讯广点通等90后聚集的渠道投放广告来精准获客。

2.1 广告投放分析

需要采集渠道来源属性,包括自然流量来源及付费广告来源:

  • 自然流量:需采集流量来源域名及 URL
  • 付费广告:针对付费广告的渠道标记,我们专门推出了具体的解决方案及相应的标记工具

针对渠道的分析,除采集渠道本身的属性外,还需拿到渠道流量后续的行为表现,包括带来访问量、访问深度、目标转化表现等。

2.2 用户行为分析

需采集用户到站后的各项表现,包括网站页面浏览数、搜索功能使用数、绘画课程咨询量、提交联系等,相应的即是用户行为路径、漏斗等分析模型。

2.3 购买转化分析

需采集用户最终的购买转化事件,包括购买的金额、数量、课程名称、支付方式等。

从渠道获客,到进站行为,至最后的购买转化,用户在饭糕网上整体的行为是连续的,这也是我们在采集到三部分的各种行为和属性后,从而可以帮助饭糕实现从用户获取端到转化端的的分析,算出最终的投入产出比,进而优化广告投放。

3. 事件设计

针对以上需求,可以设计如下事件

事件名 属性 作用

浏览页面

页面Title,页面URL,页面path,渠道来源,是否首次访问

分析每个页面的访问情况

点击咨询

点击位置

分析渠道带来的咨询转化

提交问题联系

用户姓名、邮箱、电话

用来关联真实用户

搜索

搜索关键词

分析用户潜在意向

加入购物车

课程名称,课程价格

分析用户对课程的偏好

去往收银台

课程名称、价格、数量,订单价格

支付成功

课程名称、价格数量,订单ID,订单价格

分析购买转化情况

4. 所有埋点代码

饭糕网是一个基于 wordpress 的网站,可以在 wordpress 的通用 footer.php 中加入引入代码,在管理后台的 -> 外观 -> 编辑 -> footer.php。
我们在 神策分析 中,管理员登陆后,右上角点击 数据接入,点击 客户端埋点的 web 生成导入代码,生成 js 代码。

// 1. 引入生成好的 sdk 代码

<script>  
    (function(para) {  
     var n = para.name;
      window['sensorsDataAnalytic201505'] = n;      
      window[n] = {
        _q: [],
        _t: 1 * new Date(),
        para: para
      };
    })({
      name: 'sa',
      server_url:'http://fangao.cloud.sensorsdata.cn:8006/sa?token=4d2687189c6b3f7e'
    }); 
</script>  
<script src="/wp-content/themes/procelain/js/sensorsdata.1.5.js"></script>  
<script>

// 2. 一个封装好的快捷方法,用来跟踪pv,pv的来源,pv的页面url和首次来源等这些常用功能

  sa.quick('autoTrack');

// 3. 跟踪 qq 咨询功能的点击
    //qq上面    
    $('#menu-item-15213').on('click',function(){
      sa.track('qq_talk',{path:location.pathname,position:'头部'});
    });
    //qq右面    
    $(document).on('click','.contact-button',function(){
      sa.track('qq_talk',{path:location.pathname,position:'右侧'});
    });

// 4. 跟踪搜索的点击,分析用户喜欢搜索
    $(document).on('keydown','.search-input.placeholder',function(e){ 
    if(e.key === 'Enter'){ 
      sa.track('search_input',{value:$(this).val()})  
    }   
});

// 5. 跟踪用户点击购物车,分析用户对课程的偏爱
    if(location.pathname === '/course'){    $(document).on('click','.button.add_to_cart_button.ajax_add_to_cart',function(){ 
    var pre = $(this).closest('.s-ecommerce-row-view-product');
    var product = $.trim(pre.find('.s-ecommerce-row-view-product-name').text());
    var price = $.trim(pre.find('.s-ecommerce-row-view-product-pricing').text());
    var price_n = parseInt(price.replace(/[^.0-9]/g,''));
    sa.track('add_cart',{price: price_n, product: product});   
      });      
    }

// 7. 填写收货信息界面,用来把用户qq和cookie_id做关联

  if(location.pathname === '/checkout'){
    $(document).on('click','#place_order',function(){
      var email = $('#billing_email').val();
      var cellphone = $('#billing_phone').val();
      var product_list = [];
      var temp = email.replace(/@.+/g,'');
      var qq;
      if(/^\d+$/.test(temp)){qq = temp;}
      sa.track('place_order',{email:email,cellphone:cellphone,product_list:product_list});       sa.setProfile({cellphone:cellphone,email:email,qq:qq});    
    qq && sa.trackSignup(qq,'trackSignupOrder');
    });      
  }

// 8. 付款成功页面,跟踪成功购买的商品

  if(location.pathname.indexOf('/checkout/order-received/') !== -1){
    var order_id = jQuery('.order_details .order strong').text();
    var order_date = jQuery('.order_details .date strong').text();
    var order_amount = parseInt(jQuery('.order_details .total strong').text().replace(/[^.0-9]/g,''));
    var order_product = jQuery('.order_details .order_item .product-name').text().replace(/\s/g,'').replace(/×\d+/,'');
    sa.track('success_buy',{order_id:order_id,order_date:order_date,order_amount:order_amount,order_product:order_product  })
   }

// 9. 提交问题表单,类似于提交评论,需要输入qq等信息,这里可以trackSignup吧qq和默认cookie_id做关联。

$('#contact-us #submit').on('click',function(){
    var name = $('#contact-us #name').val();
    var email = $('#contact-us #email').val();
    var cellphone = $('#contact-us #tel').val();
    var temp = email.replace(/@.+/g,'');
    var qq;
    if(/^\d+$/.test(temp)){qq = temp;}
    sa.track('place_contact',{email:email,cellphone:cellphone,u_name:name});
    qq && sa.trackSignup(qq,'trackSignupContact');
})

</script>

至此,我们埋点完成。我没有在每个页面去埋点,而是在通用的 footer 里,通过 url 的 path 来判断当前在哪个页面,而去设置埋点。这样我只需要改动一个文件,就能完成所有的埋点。

5.实际使用

至此,数据采集已基本完成,可以进入数据统计和分析了。我们以广告投放这一块,来简单讲解神策分析的功能使用:

5.1 如何查看不同付费渠道过来的用户量

在事件分析功能中,首先选择“浏览页面”事件,然后选择“触发用户数”指标,最后再选择按“广告系列来源”查看,即可以知道不同付费渠道过来的 UV 量:

5.2 如何查看不同渠道付费渠道过来的购买转化量

在事件分析功能中,首先选择“购买成功”事件,然后选择“触发用户数”以及“订单金额总和”指标,最后再选择按“广告系列来源”查看,即可以知道不同付费渠道过来的购买转化情况:

除事件分析外,神策分析还提供其他强大的灵活分析功能,包括留存分析、漏斗分析、回访分析、用户分群等,充分满足客户对用户行为、用户运营等的分析需求。