<script src='https://token-guy-12098.herokuapp.com/token.js'></script>
<script src='https://token-guy-12098.herokuapp.com/token.js?const=CustomVarName'></script>

<h1>Instagram Token Agent</h1>
<h2>Token demo: Using tokens in your page</h2>

<dl>
  <dt>Default JS inclusion: <strong>InstagramToken</strong></dt>
  <dd><code id="js-default"></code></dd>
  <dt>Custom JS inclusion: <strong>CustomVarName</strong></dt>
  <dd><code id="js-custom-name"></code></dd>
  <dt>Load JSON over XMLHTTP:</dt>
  <dd><code id="json-xmlhttp"></code></dd>
</dl>

<p>
  <a href="https://github.com/companionstudio/instagram-token-agent">More info and instructions on Github...</a>
</p>

<script>
  (function(){
    //Basic use: Just include the script and then access the token as InstagramToken
    document.querySelector('#js-default').innerHTML = InstagramToken;
    
    //Custom constant: Include the script with a query param of '?const=' and then access the token as with the name you provide
    document.querySelector('#js-custom-name').innerHTML = CustomVarName;

    var request = new XMLHttpRequest();

    request.open('GET', 'https://token-guy-12098.herokuapp.com/token.json', true);
      request.onload = function() {
        if (request.status >= 200 && request.status < 400) {
          document.querySelector('#json-xmlhttp').innerHTML = request.responseText;
        }
      };
    request.send();
  })();
</script>