toby3d/hugo
toby3d
/
hugo
1
0
Fork 0
Code Issues Releases Activity

♻️ Refactored CloudFlare WebAnalytics partial

This commit is contained in:
Maxim Lebedev 2021-06-06 15:47:40 +05:00
parent 788762fc52
commit d10f86937d
Signed by: toby3d
GPG Key ID: 1F14E25B7C119FC5
4 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
cloudflare/README.md
View File

@ -23,19 +23,17 @@ about how it works and how to get the token.
baseUrl: https://example.com/
params:
cloudflare:
webAnalytics: 1d59a54b73a94728a4a9ed1b09767b1f
webAnalytics:
token: 1d59a54b73a94728a4a9ed1b09767b1f
spa: true # For SPA apps/websites
```
#### Template
Inject `cloudflare/web-analytics` partial in your `<body>` (preferably as close as possible to the closing tag):
```html
<head>
{{ partialCached "cloudflare/web-analytics/head" . $.Site.Language.Lang }}
</head>
...
<body>
...
{{ partialCached "cloudflare/web-analytics/body" . $.Site.Language.Lang }}
{{ partialCached "cloudflare/web-analytics" . }}
</body>
```

13
cloudflare/layouts/partials/web-analytics.html
View File

@ -1 +1,12 @@
{{ partialCached "web-analytics/body" . }}
{{ with $.Site.Params.cloudflare.webAnalytics }}
{{- $spa := false -}}
{{- if .spa -}}
{{- $spa = .spa -}}
{{- end -}}
{{- $payload := dict
"token" .token
"spa" $spa
| jsonify -}}
<script src="https://static.cloudflareinsights.com/beacon.min.js"
{{ printf `data-cf-beacon='%s'` $payload | safeHTMLAttr }} defer></script>
{{ end }}

3
cloudflare/layouts/partials/web-analytics/body.html
View File

@ -1,3 +0,0 @@
{{ with $.Site.Params.cloudflare.webAnalytics }}
<script src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon="{'token':'{{ . | safeJS }}'}" defer></script>
{{ end }}

4
cloudflare/layouts/partials/web-analytics/head.html
View File

@ -1,4 +0,0 @@
{{ with $.Site.Params.cloudflare.webAnalytics }}
<link rel="preconnect" href="https://static.cloudflareinsights.com" crossorigin="anonymous">
<link rel="preload" as="script" href="https://static.cloudflareinsights.com/beacon.min.js" type="text/javascript" crossorigin="anonymous">
{{ end }}