Guides
Guides
GuidesLog In
Guides

Script Install

This page describes how to install Apphud JS Script to your own landing page.

Suggest Edits

📘

Note

Use this guide only if you have your own landing page.
For landing pages created in Apphud Landing Page Editor, follow this guide.

Facebook

  1. Install Facebook Meta Pixel to your Landing Page as usual.
  2. Remove the following lines from your landing page's Facebook Pixel code because we will add them later with Apphud Pixel JS Code:
fbq('init', '{your-pixel-id-goes-here}');
fbq('track', 'PageView');
  1. Go to Facebook Ads (Conversions API) integration page and copy the entire JS script and add it to your landing page after Facebook Pixel code.
2450
  1. Verify Installation. Here is a full example of scripts on your landing page. You should not add this script directly to your page, because it contains different identifiers:
<!-- Facebook Pixel Code -->
    <script>
      !(function (f, b, e, v, n, t, s) {
        if (f.fbq) return;
        n = f.fbq = function () {
          n.callMethod
            ? n.callMethod.apply(n, arguments)
            : n.queue.push(arguments);
        };
        if (!f._fbq) f._fbq = n;
        n.push = n;
        n.loaded = !0;
        n.version = "2.0";
        n.queue = [];
        t = b.createElement(e);
        t.async = !0;
        t.src = v;
        s = b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t, s);
      })(
        window,
        document,
        "script",
        "https://connect.facebook.net/en_US/fbevents.js"
      );
    </script>
    <noscript>
      <img height="1" width="1" style="display: none" src="https://www.facebook.com/tr?id={your-pixel-id-goes-here}&ev=PageView&noscript=1" />
    </noscript>
    <!-- End Facebook Pixel Code -->

    <script type="text/javascript">
  (function (a, p, _p, h, u, d) {
    u = a.aph = function () {
      u.callMethod
        ? u.callMethod.apply(u, arguments)
        : u.queue.push(arguments);
    };
    u.loaded = 1;
    u.version = "1.0";
    u.queue = [];
    (d = p.createElement(_p)),
      (y = p.getElementsByTagName(_p)[0]),
      (d.async = 1),
      (d.src = h),
      y.parentNode.insertBefore(d, y);
  })(window, document, "script", "https://cdn.apphud.com/pixel.js");
  aph("init", "f127c4c1-f15e-4b19-9dad-12356e8f6ef9");
  aph("fb", "{your-pixel-id-goes-here}");
</script>

TikTok

  1. Remove the following lines from your landing page's TikTok Pixel code because we will add them later with Apphud Pixel JS Code:

    ttq.load('YOUR-PIXEL-ID');
ttq.page();

  2. Go to TikTok Events API integration page and copy the entire JS script and add it to your landing page after TikTok Pixel code.

  1. Verify Installation. Here is a full example of scripts on your landing page. You should not add this script directly to your page, because it contains different identifiers:
<script>
!function (w, d, t) {
  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};
}(window, document, 'ttq');
</script>

<script type="text/javascript">
  (function (a, p, _p, h, u, d) {
    u = a.aph = function () {
      u.callMethod
        ? u.callMethod.apply(u, arguments)
        : u.queue.push(arguments);
    };
    u.loaded = 1;
    u.version = "1.0";
    u.queue = [];
    (d = p.createElement(_p)),
      (y = p.getElementsByTagName(_p)[0]),
      (d.async = 1),
      (d.src = h),
      y.parentNode.insertBefore(d, y);
  })(window, document, "script", "https://static.apphud.com/pixel.js");
  aph("init", "b1d1b4fa-0627-4355-0000-d823789f97a6");
  aph("tt", "00BJVJ001SKIVFQVKOP0");
</script>

Google Ads

For Web-to-App landings hosted on Apphud's domain, script code will be installed automatically. However, if you use web-to-app with your own landing, you will need to install the gtag.js script code.

To install Google Tag using gtag.js, follow the official Google Tag documentation. Ensure you create a Web stream for your production website URL in Google Analytics. Your Tag ID (also known as Measurement ID) should start with G-. Learn more.

Example Installation Code:

<!-- Load Google Tag Manager -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXX');  <!-- Replace with your Tag ID -->
</script>

To obtain Tag ID open your Google Analytics account, and select Admin > Data Streams > Web.

Create your web stream and enter your production website URL (e.g., myappwebsite.com for your own domains). This will provide you with your Measurement ID. Learn more..

If you plan to test on a temporary URL, you’ll need to create an additional web stream, as each stream is connected to a single URL.

Updated 11 days ago