gatsby-segment/gatsby-ssr.js

Add Segment JS to gatsby site

"use strict";

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

exports.onRenderBody = function (_ref, pluginOptions) {
    var setHeadComponents = _ref.setHeadComponents;
    var trackPage = pluginOptions.trackPage,
        prodKey = pluginOptions.prodKey,
        devKey = pluginOptions.devKey,
        loadOnRender = pluginOptions.loadOnRender;
    // ensures Segment write key is present

    if (!prodKey || prodKey.length < 10) console.error("segment prodKey must be at least 10 char in length");

    // if dev key is present, ensures it is at least 10 car in length
    if (devKey && devKey.length < 10) console.error("if present, devKey must be at least 10 char in length");

    // use prod write key when in prod env, else use dev write key
    // note below, snippet wont render unless writeKey is truthy
    var writeKey = process.env.NODE_ENV === "production" ? prodKey : devKey;

    // if trackPage option is falsy (undefined or false), remove analytics.page(), else keep it in by default
    var includeTrackPage = !trackPage || !loadOnRender ? "" : "analytics.page();";

    var includeLoadOnRender = !loadOnRender ? "" : "analytics.load('" + writeKey + "');";
    // Segment's minified snippet (version 4.1.0)

    var snippet = "!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error(\"Segment snippet included twice.\");else{analytics.invoked=!0;analytics.methods=[\"trackSubmit\",\"trackClick\",\"trackLink\",\"trackForm\",\"pageview\",\"identify\",\"reset\",\"group\",\"track\",\"ready\",\"alias\",\"debug\",\"page\",\"once\",\"off\",\"on\"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t,e){var n=document.createElement(\"script\");n.type=\"text/javascript\";n.async=!0;n.src=\"https://cdn.segment.com/analytics.js/v1/\"+t+\"/analytics.min.js\";var a=document.getElementsByTagName(\"script\")[0];a.parentNode.insertBefore(n,a);analytics._loadOptions=e};analytics.SNIPPET_VERSION=\"4.1.0\";\n    " + includeLoadOnRender + includeTrackPage + "}}()";

    // only render snippet if write key exists
    if (writeKey) {
        setHeadComponents([_react2.default.createElement("script", {
            key: "plugin-segment",
            dangerouslySetInnerHTML: { __html: snippet }
        })]);
    }
};