Outgrow Integration

Send real-time data from Outgrow directly to Flike

📘

Setting up the Outgrow integration requires an Outgrow Business or Enterprise plan.

1. Configure user id tracking for Outgrow content

When embedding an Outgrow content piece in your website or app, you must ensure that Outgrow uses the same anonymous user id as your website. You can do this by setting the utm_term URL parameter to the user id tracked by your website. See our guide on identifying users for how to obtain this id. Once obtained, you can use JavaScript to inject the Outgrow content piece with the correct user id set.

Example with Legacy Google Analytics

In this example, we are using the legacy Google Analytics analytics.js client. For other analytics trackers, check our guide on obtaining user ids to see how you can obtain the user_id used in the script below.

Before integrating Flike, your embed code from Outgrow looks akin to the following:

<div>
  <div class='op-interactive' id='599739e60dacaefa74fdbdff' data-url='//democo.outgrow.us/599739e60dacaefa74fdbdff?vHeight=1' data-width='100%'></div>
    <script src='//outgrow.co/js/nloader.js'></script>
    <script>initIframe('599739e60dacaefa74fdbdff');</script>
</div>

To integrate Flike, modify final <script> tag of the snippet as follows:

<div>
  <div class='op-interactive' id='599739e60dacaefa74fdbdff' data-url='//democo.outgrow.us/599739e60dacaefa74fdbdff?vHeight=1' data-width='100%'></div>
    <script src='//outgrow.co/js/nloader.js'></script>
    <script>
    (function() {
    var content_id = '599739e60dacaefa74fdbdff'; // your Outgrow content id
    window.dataLayer.push(function() {
      var user_id = this.get('clientId'); // get the user id from GA
      var content_holder = document.getElementById(content_id);
      var url = new URL(content_holder.dataset["url"], document.location.href);
      url.searchParams.set("utm_term", user_id);
      content_holder.dataset["url"] = url.toString();
      initIframe(content_id); // utm_term set, now fetch the content
    });
    })();
  </script>
</div>

2. Configure Outgrow to send data to Flike

Once you have ensured that Outgrow is tracking the correct user id, configure Outgrow to send leads and visits data in real-time to Flike. You can do this either on each content piece individually, or globally for all content pieces.

To configure Flike globally, log in to your Outgrow account and navigate to Bills & Settings. Then click the Global Webhook tab and enter the following details:

  • Webhook Name: Flike
  • Webhook URL: <https://ingest.flike.app/outgrow/><customer_id> where <customer_id> is your Flike customer id
  • Check Leads and Visits data
  • Check Require Basic Authentication and enter your Flike customer id as username, and public API key as password.
  • Click Test & Save - that's it! Your Outgrow data is now being tracked by Flike and used to personalize recommendations in real time!