Buzzy Documentation
  • Welcome to Buzzy
  • Getting Started with Buzzy
    • Getting Started Guide
      • 1. Starting with Buzzy AI
      • 2. The Buzzy Workspace
      • 3. Create a new app
      • 4. Preview and edit your app
      • 5. Manage your app
      • 6. Import your app to Figma
      • 7. Using Buzzy with Figma
      • 8. The Buzzy Figma plugin
      • 9. Creating a simple app
      • 10. Screens and navigation
      • 11. Forms, fields and data
      • 12. Data-driven menus & content
      • 13. Data edit and delete
      • 14. Search, sort and filter
      • 15. User login and registration
    • Buzzy AI or Figma first?
  • Working with Buzzy
    • Buzzy AI
      • About Buzzy AI
      • Kickstart with AI
      • Enhance with Figma
      • Extend with Code
      • Example prompts
      • Tips
      • Troubleshooting Buzzy AI
      • AI tokens and pricing
    • Buzzy for Figma
      • About Buzzy for Figma
      • Learning Figma
      • Creating a new app directly in Figma
        • Step by step version
      • Automarkup
      • Responsive layouts
      • Responsive layout checklist
      • Overflow and scrolling
      • Forms and fields
      • Images and galleries
      • Logging users in to your app
      • Theming
      • Troubleshooting Buzzy for Figma
      • Plugin error messages
    • Buzzy Deployment & App Stores
      • Setting up your custom Buzzy app
      • Connecting your own server
      • Apple & Google App Stores
    • Buzzy Marketplace
      • Buzzy Accreditation
    • Buzzy Project Guide
    • Buzzy App Examples
      • Buzzy Templates
      • AI-Powered Chat App
      • AI-Powered Custom T-Shirt App
      • AI-Powered Strategy App
      • AI-Powered Stock Portfolio App
      • Golf Course Finder
      • Personal Finance App with Figma AI
    • FAQs
  • The building blocks
    • Datatables, Fields & Data
      • Introduction to Fields
      • Basic Fields
        • Text
        • Number
        • Date
        • Location
        • Toggle
        • Checkboxes
        • Checklist
        • Selectlist
        • Rating
        • Attachments
        • Images
        • Signature
        • Audio Recording
        • Embedded Link
      • Advanced Fields
        • Formula
        • Sub tables
        • Linked Table field
        • Button
        • Teams
        • Payment
        • Notification
        • Event
        • User Vote
      • Display Fields
        • Header
        • Display Text
        • Image
        • Divider
      • Metadata Fields
        • Author Name
        • Author Phone
        • Submitted
      • Filter Controls
        • Viewers
        • Tags
        • Condition
      • External Fields
        • IBM Connections File
        • Box File
      • Sort Fields
      • Formulas
      • Datatable to Datatable Relationships
      • Security and Access Control
      • Displaying a field based on the values of other fields
      • Hiding a field based on role using a display formula
      • Importing data from a text file
      • Importing data from a URL
      • Import data from Datatable
      • Export data using Chrome
      • Export data in Browser
      • Export data using Safari
      • Datatable Field Type - Cheat Sheet
      • Troubleshooting Fields & Data
    • Code widget (custom code)
      • Code Widget Fields - Advanced Guide
      • New Async API + React HTML Components
      • Examples
        • Image Galley Slideshow
        • Ratings Average and Distribution
        • Event Locations Map
    • Analytics
  • Troubleshooting
    • App Error Codes
      • Action Error
      • App Not Found
      • Component Missing
      • Component Not Set
      • Component Settings Error
      • Datatable Not Found
      • Datatable Not Set
      • Field Not Found
      • Field Not Set
      • No App Selected
      • No Context Name
      • No Screens Found
      • Runtime Exception
      • Screen Not Found
      • Screen Not Set
    • Troubleshooting Buzzy AI
    • Troubleshooting Figma
  • REST API
    • Buzzy REST API
      • Integrating 3rd party applications
      • REST API
        • login
        • createappwithprompt
        • MicroApp Data Operations
          • microappdata
          • microappdata/row
          • insertmicroapprow
          • updatemicroapprow
          • removemicroapprow
          • microappchild
        • User & Organization Operations
          • userid
          • insertteammembers
          • teammembers
          • insertorganization
          • insertteam
        • enforceteammembership
      • Node.js API Client
      • Datatable Rules
      • Datatabledata Tutorial
      • Integrating with Mailchimp
      • Python Access Datatable
  • Advanced Deployment Settings
    • Installation
      • Pre-installation Planning
      • Deployment
        • Introduction to deployment
        • Minikube install guide
        • AWS ECS Fargate install guide
        • HCL Connections install guide
        • Azure AKS install guide
        • Windows container install guide
      • Buzzy settings
      • Whitelabelling Buzzy
      • Certificates
      • Release Management
    • Performance and Reliability
    • Security
      • Platform
      • Users and Roles
      • Datatables
      • Audit Trail
Powered by GitBook
On this page
  • Buzzy Analytics Integration Guide
  • Goole Analytics Integrations
  • 1. Integrating Buzzy with Google Analytics using custom header JS
  • 2. Using Buzzy's Figma Plugin to set Google Analytics events
  • 2. Using Buzzy Datatables Rules to Make API Calls to Analytics Services
  1. The building blocks

Analytics

Buzzy Analytics Integration Guide

Overview

Buzzy supports analytics integrations that help you monitor user interactions, optimize user experience, and gather insights on application performance. This guide provides steps to integrate Google Analytics and other REST API-compatible analytics platforms with Buzzy.


Goole Analytics Integrations

1. Integrating Buzzy with Google Analytics using custom header JS

Google Analytics can be seamlessly integrated into your Buzzy web applications to track user activity and monitor engagement. Follow these steps to implement Google Analytics with Buzzy:

Step-by-Step Guide

  1. Access Google Analytics Tracking Code:

    • Set up a Google Analytics account and create a new property for your Buzzy application if you haven’t already.

    • Retrieve the tracking code snippet provided by Google Analytics for your property.

  2. Add Google Analytics Code to Buzzy:

    • Log into your Buzzy Workspace.

    • Go to the specific Buzzy App -> Settings -> Advanced and add your custom analytics code.

  3. Add your custom JavaScript in the header

    Note this is ONLY available to admin users on your CUSTOM Buzzy deployment, it will NOT be available on generic servers like app.buzzy.buzz

  • Insert your Google Analytics tracking script here. This code will be injected into all pages, allowing Google Analytics to track user interactions across your app.

  • Example code (you should get this from Google or :

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=YOUR_TRACKING_ID"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'YOUR_TRACKING_ID');
    </script>
  1. Verify Integration:

    • Use Google Analytics’ real-time reports to confirm that your Buzzy app’s user interactions are being captured.


2. Using Buzzy's Figma Plugin to set Google Analytics events

See this example using the Buzzy Figma plugin to send custom event data to Google Analytics

2. Using Buzzy Datatables Rules to Make API Calls to Analytics Services

Configuration Steps

  1. Set Up Analytics Service API:

    • Ensure your chosen analytics service (e.g., Mixpanel, Segment.io) provides a REST API for data collection.

    • Obtain the necessary API key and endpoint details from your analytics service documentation.

  2. Define Datatables Rules in Buzzy:

    • In the Buzzy dashboard, navigate to the Datatables section and choose the table where you want to track or store analytics data.

    • Set up rules within the Datatable that can trigger API calls upon certain conditions (e.g., a new user sign-up or a completed purchase).

    • Configure the API request with the necessary HTTP method, headers (including your API key), and data payload. Use placeholder variables to dynamically populate data fields based on the user's interaction.

  3. Confirm API Connectivity:

    • Test the setup to verify that API calls are successfully being sent to your analytics service. Review logs and monitor responses to ensure data is accurately recorded.

  4. Additional Resources:


3. Adding Custom JavaScript for Analytics in Web Applications

For more advanced tracking, such as custom events, you may add JavaScript code directly to the header of your web application. This functionality is restricted to admins on their own Buzzy deployments.

Instructions

  1. Access Web App Settings in Buzzy:

    • As an admin, go to the “Web App Settings” in your Buzzy deployment dashboard.

  2. Insert Custom JavaScript:

    • Under the “Custom Header Scripts” section, insert any additional JavaScript code needed for analytics.

    • This can include custom Google Analytics events, Mixpanel tracking code, or scripts from other analytics platforms.

  3. Configure Events and Triggers:

    • Write custom JavaScript to capture specific events (e.g., button clicks, form submissions).

    • These events can then be sent to your analytics service using the appropriate JavaScript API or REST endpoint.

  4. Testing and Verification:

    • Ensure all custom scripts are correctly firing by using browser developer tools and testing tools provided by your analytics service.


Additional Notes

  • Data Privacy and Compliance: Ensure that all data collection adheres to relevant data protection laws, such as GDPR or CCPA. Include user consent options if required.

  • Error Handling: Implement error logging for API calls in case of connectivity or authorization issues.

PreviousEvent Locations MapNextApp Error Codes

Last updated 7 months ago

For additional details on setting up and verifying Google Analytics, see this .

allow for advanced configuration and API interactions. You can set up rules to make API calls to any analytics service with a REST API, enabling you to push user data to external analytics platforms.

For more information on setting up Buzzy Datatables and making API calls, refer to the .

video guide
Buzzy’s Datatables Rules
Buzzy documentation