offen/website
2
0
Fork 0
mirror of https://github.com/offen/website.git synced 2024-12-23 05:20:21 +01:00
Code Issues Projects Releases Wiki Activity

load script synchronously

Browse Source
This commit is contained in:
Frederik Ring 2022-06-16 15:29:25 +02:00
parent 1746abb6b0
commit bdb7ff98d5
1 changed files with 25 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
homepage/content/articles/0230-consent-tool.md
View File

@ -53,44 +53,36 @@ Your analytics tool thinks it doesn't need a consent request? There are tweets e
Well, we have developed a tool for these needs. Say hello and give it a try. We used it to conditionally embed the following Tweet.
<div class="consent-container w-100 flex justify-center mt3">
</div>
<div class="tweet-container mb4">
</div>
<div class="consent-container w-100 flex justify-center mt3"></div>
<div class="tweet-container mb4"></div>
<script async src="https://consent.offen.dev/client.js"></script>
<script src="https://consent.offen.dev/client.js"></script>
<script>
const waitFor = window.setInterval(() => {
if (!window.ConsentClient) {
return
const client = new window.ConsentClient({
host: document.querySelector('.consent-container'),
ui: {
styles: {
position: 'relative'
}
}
window.clearInterval(waitFor)
const client = new window.ConsentClient({
host: document.querySelector('.consent-container'),
ui: {
styles: {
position: 'relative'
}
})
client.acquire('twitter')
.then(function (result) {
if (result && result.decisions && result.decisions.twitter) {
const blockquote = document.createElement('blockquote')
blockquote.classList.add('twitter-tweet')
blockquote.innerHTML = '<a href="https://twitter.com/hioffen/status/1510854517092491270?ref_src=twsrc%5Etfw"></a>'
document.querySelector('.tweet-container').appendChild(blockquote)
const script = document.createElement('script')
script.src = 'https://platform.twitter.com/widgets.js'
document.querySelector('.tweet-container').appendChild(script)
}
})
client.acquire('twitter')
.then(function (result) {
if (result && result.decisions && result.decisions.twitter) {
const blockquote = document.createElement('blockquote')
blockquote.classList.add('twitter-tweet')
blockquote.innerHTML = '<a href="https://twitter.com/hioffen/status/1510854517092491270?ref_src=twsrc%5Etfw"></a>'
document.querySelector('.tweet-container').appendChild(blockquote)
const script = document.createElement('script')
script.src = 'https://platform.twitter.com/widgets.js'
document.querySelector('.tweet-container').appendChild(script)
}
})
.catch(function (err) {
console.error(err)
})
}, 7)
.catch(function (err) {
console.error(err)
})
</script>
The *Offen Consent Tool* keeps your data footprint small by never storing data about consent decisions on your end. As a lightweight solution for managing user consent on websites, it focuses on these objectives: