oCPC JS SDK 基础代码安装指南

Posted 小元宝啊

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了oCPC JS SDK 基础代码安装指南相关的知识,希望对你有一定的参考价值。

oCPC JS SDK 基础代码安装指南

最后更新时间:2020.04.10

视频指导    http://ocpc.baidu.com/developer/d/video/js/solution

安装步骤

获取代码

以下代码为SDK的安装代码。注:production值唯一,所有客户共用同一值,百度根据数据来源自动区分不同客户。

<script>
    window._agl = window._agl || [];
    (function () {
        _agl.push(
            [‘production‘, ‘_f7L2XwGXjyszb4d1e2oxPybgD‘]
        );
        (function () {
            var agl = document.createElement(‘script‘);
            agl.type = ‘text/javascript‘;
            agl.async = true;
            agl.src = ‘https://fxgate.baidu.com/angelia/fcagl.js?production=_f7L2XwGXjyszb4d1e2oxPybgD‘;
            var s = document.getElementsByTagName(‘script‘)[0];
            s.parentNode.insertBefore(agl, s);
        })();
    })();
</script>

安装

与百度统计等产品类似,只需要将上述安装代码放到页面html<head></head>之间即可

技术图片

推荐在整个网站的所有页面都进行基础代码的安装,例如将基础代码安装至网站 HTML 模板 head 部分的公共模块中,这样可以方便后续其他页面的接入。

如果有强烈意愿只是想要先投放一个页面尝试,也可以仅在这个页面 HTML 的 <head> 与 </head> 之间埋码。

验证基础代码是否安装成功

技术图片

  1. 使用 Chrome 浏览器(谷歌浏览器)访问埋码页面
  2. 在页面空白右键,点击上图中「1」处的「Inspect」或者「检查元素」
  3. 点击上图中「2」处按钮
  4. 在上图中「3」处选择「iPhone 6/7/8」
  5. 选择上图中「4」处的「Network」
  6. 选中上图中「5」处的「Preserve Log」
  7. 点击上图中的「6」刷新页面
  8. 选择列表中的「ocpcagl」开头的请求,如上图「7」
  9. 确定「8」处的「Request URL」为「 http://fclog.baidu.com/log/ocpcagl 」开头的请求,如果列表中请求过多,可以在 Filter 输入框中输入「ocpcagl」进行筛选
  10. 确定「9」处的「Status Code」为「200」

如果 9、10 步满足,即说明该页面基础代码埋码成功。

「表单提交成功」和「点击类转化属性」的埋码均是基于「基础代码」埋码成功的前提下进行的,具体的埋码步骤可参照:

以上是关于oCPC JS SDK 基础代码安装指南的主要内容,如果未能解决你的问题,请参考以下文章

此 Canon SDK C++ 代码片段的等效 C# 代码是啥?

cloudevents js sdk 简单试用

自动化构建工具Gulp基础使用指南

markdown 打字稿...编码说明,提示,作弊,指南,代码片段和教程文章

如何使用 Swift 使用此代码片段为 iOS 应用程序初始化 SDK?

百度OCPC怎么优化排名?