github
/
hexo-theme-icarus
mirror of https://github.com/ppoffice/hexo-theme-icarus
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
hexo-theme-icarus/source/_posts/zh-CN/Web-Analytics-Plugins.md

11 KiB
Raw Blame History

title: Icarus用户指南 - 网站分析插件 date: 2016-01-01 categories:

  • Plugins
  • Analytics tags:
  • Icarus用户指南 language: zh-CN toc: true providers: cdn: loli fontcdn: loli iconcdn: loli

本文介绍Icarus 3支持的网站统计与分析插件的安装配置。

本文同时提供以下语言的翻译：English。
本文中涉及的所有插件均可能被部分广告拦截浏览器扩展拦截，请酌情使用。

百度统计

安装指南

  1. 登录百度统计。 在“管理 > 网站列表”页面上点击“新增网站”按钮并填写“网站域名”，“网站首页”等站点信息。 点击“确定”完成站点创建。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/baidu-analytics-add-site.png 360 '"新增站点 - Baidu Analytics" "新增站点 - Baidu Analytics"' %}

  2. 在下一页面上找到hm.baidu.com/hm.js?后的ID并填写到主题配置的plugins > baidu_analytics > tracking_id值中。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/baidu-analytics-get-code.png 360 '"获取代码 - Baidu Analytics" "获取代码 - Baidu Analytics"' %}

    例如，如下的统计代码：

    {% codeblock "百度统计代码" lang:html %}

    {% endcodeblock %}

    对应的主题配置为：

    {% codeblock _config.icarus.yml lang:yaml %} plugins: baidu_analytics: tracking_id: 3f06f2b732a5b1034c989f74e28d0eea {% endcodeblock %}

Bing Webmaster Tools

安装指南

  1. 登录Bing - Webmaster Tools. 然后，选择“手动添加网站”(Add your site manually)并输入你网站的URL。 点击“添加”(Add)继续。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/bing-webmaster-add-site.png 360 '"添加网站 - Bing Webmaster Tools" "添加网站 - Bing Webmaster Tools"' %}

  2. 在“添加并验证网站”(Add & verify site)面板，选择“HTML Meta 标记”(HTML Meta Tag)方法。 复制HTML meta标签中content属性的值到主题配置中的plugins > bing_webmaster > tracking_id下。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/bing-webmaster-verify-site.png 360 '"验证网站 - Bing Webmaster Tools" "验证网站 - Bing Webmaster Tools"' %}

    {% codeblock _config.icarus.yml lang:yaml %} plugins: bing_webmaster: tracking_id: ABCDEFABCDEFABCDEFABCDEFABCDEFABCDEF {% endcodeblock %}

不蒜子网页计数器

安装指南

  1. 将plugins > busuanzi设置为true来开启不蒜子访客计数器并在网页尾部和每篇博文的头部展示访问次数。

    {% codeblock _config.icarus.yml lang:yaml %} plugins: busuanzi: true {% endcodeblock %}

CNZZ统计

安装指南

  1. 登录友盟+。 在友盟+工作台首页点击“创建新应用” > “Web应用”。 然后输入“网站名称”，“网站域名”，“网站首页”等站点信息信息。 完成后点击“确认添加站点”。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/cnzz-add-site.png 360 '"添加站点 - CNZZ" "添加站点 - CNZZ"' %}

  2. 在获取统计代码界面找到“文字样式”一栏下的HTML代码。 分别将其中id与web_id的值复制到主题配置的plugins > cnzz > id和web_id中。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/cnzz-get-code.png 360 '"获取代码 - CNZZ" "获取代码 - CNZZ"' %}

    例如，如下的统计安装代码：

    {% codeblock "CNZZ统计代码" lang:html %}

    {% endcodeblock %}

    对应的主题配置为：

    {% codeblock _config.icarus.yml lang:yaml %} plugins: cnzz: id: 123456789000 web_id: 123456789000 {% endcodeblock %}

Google Analytics

安装指南

  1. 登录Google Analytics并点击左侧的”管理“(Admin)进入管理界面。

  2. 在管理界面上点击”创建资产“(Create Property)按钮，选择“测量的应用类型”(What do you want to measure?)为Web。 然后点击”继续“(Continue)按钮。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/google-analytics-create-property.png 360 '"创建资产 - Google Analytics" "创建资产 - Google Analytics"' %}

  3. 然后，填写“网站名称”(Website Name)，“URL地址”(Website URL)，“行业分类”(Industry Category)，以及“报告时区” (Reporting Time Zone)等信息。 点击”创建“(Create)按钮完成资产创建。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/google-analytics-property-setup.png 360 '"资产设置 - Google Analytics" "资产设置 - Google Analytics"' %}

  4. 在”追踪代码“(Tracking Code)界面上找到"Tracking ID"的值，例如"UA-12345678-0". 将其填写到主题配置的plugins > google_analytics > tracking_id即可开启Google Analytics插件。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/google-analytics-get-code.png 360 '"获取代码 - Google Analytics" "获取代码 - Google Analytics"' %}

    {% codeblock _config.icarus.yml lang:yaml %} plugins: google_analytics: tracking_id: UA-12345678-0 {% endcodeblock %}

Hotjar

安装指南

  1. 登录Hotjar，点击页面左上角的➕(加号) > ”添加新站点“(Add new site)链接。

  2. 填写”网站地址“(WEBSITE)，”站点类型“(SITE TYPE)，和”站点所有者“(SITE OWNER)，然后点击”添加站点“(Add Site)按钮。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/hotjar-new-site.png 360 '"新建站点 - Hotjar" "新建站点 - Hotjar"' %}

  3. 在重定向到的”站点&组织“(Sites & Organizations)页面找到新建的站点。 点击右侧的”追踪代码“(Tracking Code)按钮。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/hotjar-site-list.png 360 '"站点列表 - Hotjar" "站点列表 - Hotjar"' %}

  4. 复制弹出对话框中"Site ID"的值(如"1234567")到主题配置的plugins > hotjar > site_id来启用Hotjar插件。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/hotjar-get-code.png 360 '"获取代码 - Hotjar" "获取代码 - Hotjar"' %}

    {% codeblock _config.icarus.yml lang:yaml %} plugins: hotjar: site_id: 1234567 {% endcodeblock %}

Statcounter

安装指南

  1. 登录Statcounter。 点击“项目”(Projects)页面上的“添加新项目”(Add New Project)。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/statcounter-projects.png 360 '"项目 - Statcounter" "项目 - Statcounter"' %}

  2. 在“添加页面”(Add Project)页面上填写网站网址和项目标题。 如有需要，调整其他的项目设置。 然后，点击“添加项目”(Add Project)按钮。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/statcounter-add-project.png 360 '"添加项目 - Statcounter" "添加项目 - Statcounter"' %}

  3. 点击“完成平台检查”(Platform Check Complete)页面上的“继续默认安装”(Continue to Default Installation)按钮。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/statcounter-platform-check.png 360 '"完成平台检查 - Statcounter" "完成平台检查 - Statcounter"' %}

  4. 最终，在“在你的网站上插入代码”(Insert the Code on Your Website)页面，分别复制HTML代码片段中sc_project和sc_security变量的值 到主题配置中的plugins > statcounter > project和plugins > statcounter > security中。

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/statcounter-insert-code.png 360 '"插入代码 - Statcounter" "插入代码 - Statcounter"' %}

    例如，下面的Statcounter代码：

    {% codeblock "Statcounter code" lang:html %}

    ... {% endcodeblock %}

    对应的主题配置为：

    {% codeblock _config.icarus.yml lang:yaml %} plugins: statcounter: project: 12345678 security: abcdef12 {% endcodeblock %}

Twitter转化跟踪

安装指南

  1. 按照如何设置转化跟踪启用Twitter转化追踪的通用网站标签(Universal website tag)。

  2. 在你的转化追踪代码中找到init (Pixel ID)。复制它的值到主题配置中的plugins > twitter_conversion_tracking > pixel_id。

    例如，如下的Twitter追踪转化代码：

    {% codeblock "Twitter追踪转化代码" lang:html %}

    {% endcodeblock %}

    对应的主题配置为：

    {% codeblock _config.icarus.yml lang:yaml %} plugins: twitter_conversion_tracking: pixel_id: abcdef {% endcodeblock %}

文章内容有误？请点击此处提交修改。