NanoLog Docs
Dashboard

Installing the Widget

Getting NanoLog up and running on your platform takes less than two minutes. The widget is designed to be lightweight, asynchronous, and completely isolated from your existing CSS and Javascript so it won't break your site.

Installation Steps

  1. Log into your NanoLog Dashboard.
  2. If you haven't already, create a New Project for your application.
  3. Click on the Integration or Widget Settings tab for your project.

Installation Snippet Tab

  1. Copy the provided HTML snippet. It will look something like this:
<script src="https://nanolog.com/widget.js" data-app-id="YOUR_UNIQUE_APP_ID"></script>
<script>
  window.NanoLog = window.NanoLog || {};
  window.NanoLog.init({
    // Optional configuration properties
  });
</script>
  1. Paste this snippet into the <head> or just before the closing </body> tag of your application's HTML template.

Embedded Script Example

Security Configuration

To prevent malicious actors from installing your widget on unauthorized websites and eating up your usage quota, you must define Allowed Domains.

  1. In the Widget Settings, scroll down to the Security section.
  2. Enter the domain names where the widget is allowed to load (e.g., app.yourcompany.com, localhost:3000).
  3. Save the settings. If a request comes from a domain not on this list, the widget will refuse to load the content.

Allowed Domains Security

That's it! Your widget is now live and ready to display updates.