hexo-theme-icarus/source/_posts/en/Web-Analytics-Plugins.md

6.9 KiB
Raw Blame History

title: Icarus User Guide - Web Analytics Plugins date: 2017-01-31 categories:

  • Plugins
  • Analytics tags:
  • Icarus User Guide language: en toc: true

This article covers web analytics plugins supported by Icarus 3.

This article is also available in 简体中文.
The following web analytics plugins are provided by ppoffice/hexo-component-inferno. Please refer to it for a complete list of supported plugins and their configuration details.
All plugins mentioned below may be blocked by AD blockers. Use them with caution.

Baidu Statistics

Installation Guide

  1. Log into Baidu Statistics. Click the "Add new website" button on the "Admin > Site list" page and fill in the site information such as name and homepage URL. Click "OK" to complete site creation.

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

  2. On the next page, find the ID behind hm.baidu.com/hm.js? and set it as the value of plugins > baidu_analytics > tracking_id in the theme configurations.

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

    For example, the following Baidu Statistics code:

    {% codeblock "Baidu Statistics code" lang:html %}

    {% endcodeblock %}

    maps to the following theme configuration:

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

BuSuanZi Web Counter

Installation Guide

  1. Set the plugins > busuanzi to true to enable BuSuanZi web counter and display the number of visitors on the header of each blog post and the bottom of the page.

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

CNZZ Statistics

Installation Guide

  1. Log into Umeng+. On the dashboard of Umeng+, click "Create new application" > "Web application". Then, fill in your site information such as "website name", "site domain name", and "site homepage URL". Click "Confirm adding the site" after finished.

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

  2. Find the HTML code in the "text style" row on the get installation code page. Copy the values of id and web_id to the plugins > cnzz > id and web_id in the theme configurations, respectively.

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

    For example, the following CNZZ installation code:

    {% codeblock "CNZZ installation code" lang:html %}

    {% endcodeblock %}

    maps to the following theme configuration:

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

Google Analytics

Installation Guide

  1. Log into Google Analytics and click the "Admin" on the left side of the user dashboard.

  2. On the admin page, click the "Create Property" button and set "What do you want to measure?" to "Web". Click the "Continue" button after that.

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

  3. Then, fill in the Website Name, Website URL, Industry Category, and Reporting Time Zone. Click the "Create" button to finish the property creation.

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

  4. Find the value of "Tracking ID", e.g., "UA-12345678-0", on the "Tracking Code" page. Set it to the plugins > google_analytics > tracking_id in the theme configurations to enable the Google Analytics plugin.

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

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

Hotjar

Installation Guide

  1. Log into Hotjar and click the (plus sign) > "Add new site" link on the top left of the page.

  2. Fill in the "WEBSITE", "SITE TYPE", and "SITE OWNER", then click the "Add Site" button.

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

  3. Find the newly created site on the "Sites & Organizations" page you have been redirected to. Click the "Tracking Code" button on the right.

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

  4. Copy the value of "Site ID" (e.g., 1234567) from the popup dialog to plugins > hotjar > site_id in the theme configurations to enable the Hotjar plugin.

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

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

Something wrong with this article? Click here to submit your revision.