Meta tags:
description=Enable analytics, custom events, and more on your Webflow site with Rybbit.;
author=Rybbit Team;
keywords=web analytics,privacy analytics,open source analytics,Google Analytics alternative,website tracking,self-hosted analytics;

Headings (most frequently used words):

webflow, to, add, tracking, your, how, rybbit, custom, event, in, retrieve, script, the, snippet, project, on, this, page,

Text of the page (most frequently used words):
webflow (24), your (20), #rybbit (20), the (18), custom (16), page (14), #tracking (12), script (11), code (10), for (10), you (10), site (9), button (9), settings (9), form (8), add (7), event (6), javascript (6), track (6), and (5), window (5), specialbutton (5), guides (5), snippet (4), analytics (4), with (4), can (4), interactions (4), click (4), function (4), addeventlistener (4), document (4), element (4), events (4), project (3), how (3), this (3), wix (3), views (3), footer (3), scripts (3), need (3), contact (3), submit (3), contactform (3), embed (3), special (3), section (3), single (3), will (3), self (3), documentation (3), retrieve (2), integrate (2), using (2), nuxt (2), these (2), adding (2), that (2), own (2), might (2), specific (2), undefined (2), typeof (2), into (2), submission (2), getelementbyid (2), var (2), domcontentloaded (2), text (2), type (2), set (2), unique (2), panel (2), select (2), give (2), example (2), sections (2), only (2), view (2), use (2), hiding (2), load (2), standard (2), navigation (2), data (2), api (2), more (2), integration (2), users (2), hosting (2), troubleshooting (2), feature (2), traffic (2), 687 (2), github (2), website, snippets, application, methods, enhance, beyond, basic, when, ensure, placed, correctly, usually, dom, ready, test, thoroughly, sometimes, conflict, require, timing, try, get, field, values, here, needed, but, mindful, pii, form_id, webflow_form_submit, itself, native, handling, hook, its, success, state, possible, simple, often, good, after, successful, provides, callback, block, page_path, location, pathname, innertext, button_text, textcontent, button_id, webflow_button_click, make, available, globally, where, exists, under, general, cog, icon, designer, either, global, within, design, one, tracked, unless, implement, sites, change, content, significantly, without, changing, url, showing, simulate, tabs, multi, step, forms, initial, virtual, would, mark, those, animations, each, new, automatically, save, publish, changes, paste, head, defer, your_site_id, https, app, src, navigate, dashboard, obtain, enables, collect, capture, open, copy, markdown, enable, definitions, other, import, inviting, billing, teams, organization, account, migration, managing, installation, quick, start, embeds, funnels, goals, bot, detection, filter, sdks, proxy, guide, wordpress, woocommerce, vue, vitepress, thrivecart, svelte, strapi, squarespace, shopify, sanity, react, prestashop, mintlify, laravel, joomla, jekyll, hugo, google, tag, manager, gitbook, ghost, framer, drupal, docusaurus, contentful, carrd, bubble, bigcommerce, astro, angular, tagging, identify, autocapture, usage, hosted, cloud, architecture, comparison, introduction, setup, reference, search,

Text of the page (random words):
webflow rybbit search k github rybbit io rybbit 12 4k 687 documentation api reference documentation guides setup and feature documentation github rybbit io rybbit 12 4k 687 introduction comparison architecture self hosted vs cloud usage tracking script troubleshooting track events autocapture identify users tagging integration guides angular astro bigcommerce bubble io carrd contentful docusaurus drupal framer ghost gitbook google tag manager hugo jekyll joomla laravel mintlify prestashop react sanity shopify squarespace strapi svelte thrivecart vitepress vue webflow wix woocommerce wordpress proxy guide sdks hiding your own traffic filter traffic bot detection goals funnels embeds feature guides self hosting quick start managing your installation troubleshooting self hosting guides migration to v1 0 settings account settings organization settings teams billing inviting users site settings data import other definitions webflow integration guides webflow enable analytics custom events and more on your webflow site with rybbit copy markdown open rybbit enables you to collect analytics capture custom events and more on your webflow site how to add rybbit to webflow retrieve your tracking script navigate to your rybbit dashboard to obtain your code snippet script src https app rybbit io api script js data site id your_site_id defer script add the snippet to your webflow project in your webflow project go to site settings custom code paste your snippet into the head code section save and publish your changes page view tracking in webflow standard navigation for standard page to page navigation in webflow rybbit will track each new page load automatically interactions animations if you use webflow interactions that change content significantly without changing the url e g showing hiding sections to simulate tabs or multi step forms on a single page rybbit will only track the initial page load for these virtual page views you would need to use custom event tracking to mark those interactions single page sites if your webflow site is a single page design with sections only one page view will be tracked unless you implement custom event tracking for section views custom event tracking in webflow you can track custom events in webflow by adding custom javascript code either in the custom code section of your site settings for global scripts or within an embed element on a specific page example tracking a button click give your button an id select the button element in the webflow designer go to the settings panel cog icon under general set a unique id for the button e g my special button add custom javascript you can add this script in site settings custom code footer code to make it available globally or in an embed element on the page where the button exists script type text javascript document addeventlistener domcontentloaded function var specialbutton document getelementbyid my special button if specialbutton specialbutton addeventlistener click function if typeof window rybbit undefined window rybbit event webflow_button_click button_id my special button button_text specialbutton textcontent specialbutton innertext page_path window location pathname script example tracking a form submission give your form an id select the form block element go to the settings panel set a unique id e g contact form add custom javascript in footer code or embed script type text javascript document addeventlistener domcontentloaded function var contactform document getelementbyid contact form if contactform contactform addeventlistener submit function it s often good to track after successful submission if webflow provides a callback for a simple submit click this is how you d do it for webflow s native form handling you might need to hook into its success state if possible or track the click on the submit button itself if typeof window rybbit undefined window rybbit event webflow_form_submit form_id contact form you can try to get form field values here if needed but be mindful of pii script when adding custom javascript in webflow ensure it s placed correctly usually in the footer code for scripts that need the dom to be ready and test thoroughly webflow s own interactions might sometimes conflict or require specific timing for custom scripts by using these methods you can enhance rybbit s tracking on your webflow site beyond basic page views nuxt js integrate rybbit with your nuxt js application for analytics tracking wix integrate rybbit analytics with your wix website using custom code snippets on this page how to add rybbit to webflow retrieve your tracking script add the snippet to your webflow project custom event tracking in webflow