mbaersch

/* create unique event ids for specific events that "live" for a limited time
   (default: 1 scond). 
   
   returns a value that consist of the key, a random number and a timestamp; 
   dot-separated. An existing value for a key that is requested within the 
   defined lifespan will remain the same, otherwise (not existing or too old) 
   a new value is generated and stored. The limited lifespan can be used to 
   deduplicate several hits of the same type between page loads (e. g. Add2Cart 
   or multiple PageViews in SPAs).
   

mbaersch

// ==UserScript==
// @name         Enhance GA4 Event Builder
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  add option to send payload to a custom endpoint instead of google-analytics.com
// @author       Markus Baersch
// @match        https://ga-dev-tools.web.app/ga4/event-builder/
// @grant        none
// ==/UserScript==

mbaersch

___INFO___

{
  "type": "TAG",
  "id": "cvt_temp_public_id",
  "version": 1,
  "securityGroups": [],
  "displayName": "Consent Mode Configuration (Demo)",
  "brand": {
    "id": "brand_dummy",

mbaersch

___INFO___

{
  "type": "CLIENT",
  "id": "cvt_temp_public_id",
  "version": 1,
  "securityGroups": [],
  "displayName": "Tagless Logger Client [DEMO]",
  "brand": {
    "id": "brand_dummy",

mbaersch

moved to https://github.com/mbaersch/this-or-that

mbaersch

<script>
  //create URL variable for "fbclid" query and use it a) here 
  //(and use "URL | fbclid" as variable name or change reference below)
  //and b) for triggering this tag (when fb has consent)
  var fbclid = {{URL | fbclid}};
  var d = new Date();
  if (fbclid && fbclid !== "") { 
    d.setTime(d.getTime() + (90*24*60*60*1000));
    document.cookie = "_fbc=fb.1." + Date.now().toString() + "." + fbclid+";expires="+ d.toUTCString() + ";path=/";
  }

mbaersch

___INFO___

{
  "type": "CLIENT",
  "id": "cvt_temp_public_id",
  "version": 1,
  "securityGroups": [],
  "displayName": "200 Qapla\u0027",
  "brand": {
    "id": "brand_dummy",

mbaersch

<script>
/*
PIWIK PRO TAG MANAGER DEBUGGER RESIZE
adds 200px width to the PiwikPro Tag Manager debug panel and creates links (at top right) to enhance or decrease with in 200 pixel steps

usage: create new (async) html tag in PiwikPro Tag Manager, paste this code and fire tag on DOM ready, if "Preview Mode" is "1". 
       get preview status from stg_debug cookie as there is no built in variable for debug status (afaik)
*/
  function ppResizeDebug(w) {
    var pnl = document.querySelector("#seventag_container_debugger");

mbaersch

<script>
/*Animate element and change text / html if konami code is entered on a page - can be used as custom HTML in Google Tag Manager. 
Source / idea: https://www.simoahava.com/gtm-tips/add-konami-code-to-your-site/ */  

/* SETUP */  
//message to display on "konami element" after animation. HTML can be used as well - innerHTML will be replaced with whatever gets defined here.
//leave blank for no change (just animation)
var konamiMessage = 'you are awesome! ;)</small>';

//CSS Selector for element to animate and display message (e.g.  "#someId", "div.someclass". info: https://www.w3schools.com/cssref/css_selectors.asp)

mbaersch

___INFO___

{
  "type": "CLIENT",
  "id": "cvt_temp_public_id",
  "version": 1,
  "securityGroups": [],
  "displayName": "Demo Logger",
  "brand": {
    "id": "brand_dummy",