Published
Edited
Jan 16, 2020
Importers
2 stars
Embed Images In Markdown or HTMLMath & Visualization - Use D3 to draw math imageMy NotebooksNotebooks Visualizer - How to get your personal info like content of notebooks in ObservableUntitledPyodide - How to use python in ObservableGPU-Matrix-ComputeGithub API in Observable (v3 and v4)GEO Data GenerateTable
Google Analytics In Observable
Also listed in…
Toys
md`# Google Analytics In Observable
- [Google Analytics JS](https://developers.google.com/analytics/devguides/collection/analyticsjs?hl=zh-cn)
## Note
It's now only can record how many people are on your page which import this one.
`
md`
## How to Use
- First Get your UA code
${await FileAttachment("image@1.png").image()}
- find UA
${await FileAttachment("image@2.png").image()}
- use import {googleAnalytics} from '@yhyddr/google-analytics'
and call it
${await FileAttachment("image@3.png").image()}
${await FileAttachment("image.png").image()}
`
googleAnalytics('UA-132780178-6')
googleAnalytics = UA => {
const script = document.createElement('script');
script.src = 'https://www.googletagmanager.com/gtag/js?id=${UA}';
script.type = 'text/javascript';
script.async = true;
script.onload = () => {
window.dataLayer = window.dataLayer || [];
function gtag() {
var dataLayer = window.dataLayer;
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', UA);
};
document.body.appendChild(script);
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
