Page 1 of 2

Global Variables Demo

This demo shows how to pass data to Ginotate using the gino-vars attribute to reference existing global variables.

Step 1: Define Global Variables

// Your app already has these variables
var userId = 12345;
var sessionId = 'sess_abc789xyz';
var appVersion = '2.1.0';
var userRole = 'admin';

Step 2: Configure with gino-* Attributes

<script
  src="ginotate.js"
  <!-- Custom variables -->
  gino-vars="userId,sessionId,appVersion,userRole"
  <!-- Appearance -->
  gino-color="purple"
  gino-icon="bug"
  gino-size="medium"
  gino-shape="circle"
  gino-pulse="true"
  <!-- Content -->
  gino-title="Report Issue"
  gino-categories="Bug,UI Issue,Performance,Other"
  gino-testerId="QA Tester"
  <!-- API -->
  gino-apiKey="demo-key-12345"
  gino-demoMode="true"
  defer></script>

All configuration can be done via HTML attributes - no JavaScript needed!

Current Variable Values

These are the actual values that will be captured:

userId

12345

sessionId

sess_abc789xyz

appVersion

2.1.0

userRole

admin

When to Use This Method

Use `gino-vars` when:

Your app already exposes data as global variables and you don't want to duplicate them.

Use `window.ginotate` when:

You want a dedicated bucket for Ginotate data, or need dynamic/computed values.

Try it: Click the purple flag, capture a screenshot, and submit. Check the metadata section to see your variables included in customVars!

Go to Page 2 → ← Back to Demo Hub