Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

clicks.js: Plugin for clicktracking #13

Merged
merged 1 commit into from
Oct 10, 2014

Conversation

andreas-marschke
Copy link
Collaborator

Using this plugin you can track every click a user makes on a page.
Configuring it is works as follows:

    BOOMR.init({
        beacon_url: "<beacon-url>",
        clicks: {
          click_url : "http://<seperate-clicktracking-beacon-url>",
          onbeforeunload : false
        }});

Using a seperate url allows to have a seperate server responsible for
handling a bigger load than your beacon server given that a typical
user will be clicking more than once on an average page.

You can use this plugin in one of two ways:

  • onbeforeunload : false => Sends click-tracking beacons immediately
    upon click_events happening

  • onbeforeunload : true => All Clicks that have been tracked are
    sent at once upon closing the page

    Data sent to the beacon-server will contain the following:

    • element: the name of the element that has been clicked
      (li,a,button,span etc)
    • id: possibly set ids on the element
    • class: a list of all classes assigned to the element
    • document height/width: the size of the document
    • viewport height/width: the size of the browser window

    Information like this allows you (for example) to drill deeper into
    what impact a change in the UI had(AB-Testing) or see which size most
    users view your page which can allow for better optimized media-queries
    for the formats used by the user base and heatmaps for the page as it
    exists.

 Using this plugin you can track every click a user makes on a page.
 Configuring it is works as follows:

 ```javascript
	BOOMR.init({
        beacon_url: "<beacon-url>",
        clicks: {
          click_url : "http://<seperate-clicktracking-beacon-url>",
          onbeforeunload : false
        }});
 ```

 Using a seperate url allows to have a seperate server responsible for
 handling a bigger load than your beacon server given that a typical
 user will be clicking more than once on an average page.

 You can use this plugin in one of two ways:

  - `onbeforeunload : false` => Sends click-tracking beacons immediately
    upon click_events happening
  - `onbeforeunload : true` => All Clicks that have been tracked are
    sent at once upon closing the page

 Data sent to the beacon-server will contain the following:

 - `element`: the name of the element that has been clicked
   (li,a,button,span etc)
 - `id`: possibly set ids on the element
 - `class`: a list of all classes assigned to the element
 - `document height/width`: the size of the document
 - `viewport height/width`: the size of the browser window

 Information like this allows you (for example) to drill deeper into
 what impact a change in the UI had(AB-Testing) or see which size most
 users view your page which can allow for better optimized media-queries
 for the formats used by the user base and heatmaps for the page as it
 exists.
@andreas-marschke
Copy link
Collaborator Author

@bluesmoon Better like this?

bluesmoon added a commit that referenced this pull request Oct 10, 2014
clicks.js: Plugin for clicktracking
@bluesmoon bluesmoon merged commit 780b16c into bluesmoon:master Oct 10, 2014
@bluesmoon
Copy link
Owner

I would like API documentation for this in the doc/api directory.

bluesmoon added a commit that referenced this pull request Mar 21, 2016
clicks.js: Plugin for clicktracking
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants