Installation

One of the great things about BigPicture.io is that you can get started immediately without having to preinstall anything on your website. You simply type in your website URL and get to work.

When you are ready for things to go live, you will need to do a one-time install before BigPicture.io can start sending data to your integrations.

We currently have two options for installation (Embed and Wordpress).

You can access Installation Settings by going to Project Settings (the gear icon) in the Editor.

Embed

This is the most basic method, which is the main BigPicture.io script tag.

Just copy and paste the script tag into every page of your website you want to track. The tag needs to go inside the and tags of your HTML.

Here's an example of where it should go:

<!doctype html>
<html>
  <head>
    <title>My awesome website</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/css/index.css" media="screen" title="no title">

    <!-- BigPicture.io -->
    <script>!function(a,b,c){var d=a.bigPicture=a.bigPicture||{};d.SNIPPET_VERSION=1.1,d.handler=function(a){if(void 0!==d.callback)try{return d.callback(a)}catch(a){}},d.eventList=["mousedown","mouseup","click","submit"],d._q=[],d.methods=["track","identify","group","alias","integration","intelReady","on","off"],d.factory=function(a){return function(){var b=Array.prototype.slice.call(arguments);return b.unshift(a),d._q.push(b),d}};for(var e=0;e<d.methods.length;e++){var f=d.methods[e];d[f]=d.factory(f)}d.getCookie=function(a){var c="; "+b.cookie,d=c.split("; "+a+"=");return 2==d.length&&d.pop().split(";").shift()};var g=d.isEditor=function(){try{return a.self!==a.top&&(new RegExp("app"+c,"ig").test(b.referrer)||"edit"==d.getCookie("_bpr_edit"))}catch(a){return!1}}();d.init=function(e){if(d.projectId=e,!g)for(var f=0;f<d.eventList.length;f++)a.addEventListener(d.eventList[f],d.handler,!0);var h=b.createElement("script");h.async=!0;var i=g?"/editor/editor":"/public-"+e;h.src="//cdn"+c+i+".js",b.getElementsByTagName("head")[0].appendChild(h)}}(window,document,".bigpicture.io");bigPicture.init("YOUR_PROJECT_ID");</script>

  </head>

  <body>
  ...

Wordpress

If you're using WordPress, we have a BigPicture.io WordPress plug-in available.

You can find the plug-in available on Wordpress.org here - https://wordpress.org/plugins/big-picture-analytics/