Skip to content

Instantly share code, notes, and snippets.

View mbaersch's full-sized avatar

Markus Baersch mbaersch

View GitHub Profile
@mbaersch
mbaersch / fixOrganic-direct.js
Last active December 12, 2020 15:04
Google Analytics customTask: fixOrganic
//Folgenden Code bei einer direkten Implementierung von Universal Analytics
//in den Trackingcode einfügen; vor dem Absenden des Pageviews
ga('set', 'customTask', function(model) {
var r = document.referrer;
//Suchmuster für relevante Suchmaschinen mit "versteckten" Suchparametern
var srch = /(suche\.t-online\.de)|(qwant\.com)|(metager\.de)|(duckduckgo\.com)|(ecosia\.org)|(android\.googlequicksearchbox\.)|(search\.yahoo\.com)|(zapmeta\.)|(\.sosodesktop\.com)|(search\.mysearch\.com)|(search\.mail\.com)|(thesmartsearch\.net)|(zdsearch\.com)|(search\.easydialsearch\.com)|(safesearch\.hypersonica\.com)|(search\.v9\.com)|(search\.genieo\.com)|(search\.avast\.com)|(searches\.uninstallmaster\.com)|(search\.handycafe\.com)|(searches\.safehomepage\.com)|(search\.snapdo\.com)|(search\.selfbutler\.com)|(infospace\.com)|(search\.avira\.)/i;
//Referrer mit Suchmuster vergleichen
if (r.search(srch) > 0) {
//passenden Parameter bestimmen
var prm = (r.search('yahoo') > 0) ? 'p=':'q=';
@mbaersch
mbaersch / secure_ga_cookie.php
Last active March 16, 2021 12:54
raw code for handling Google Analytics clientId in a separate secure https cookie and writing it to the dataLayer to be used by ga tracking tags
@mbaersch
mbaersch / 200qapla.tpl
Last active March 20, 2021 11:56
sending debugging hits to your serverside GTM endpoint from the browser manually? make every request a glorious success. I bet you get the joke.
___INFO___
{
"type": "CLIENT",
"id": "cvt_temp_public_id",
"version": 1,
"securityGroups": [],
"displayName": "200 Qapla\u0027",
"brand": {
"id": "brand_dummy",
@mbaersch
mbaersch / store_fbc_cookie.js
Created March 22, 2021 12:47
HTML tag code for persiting a fblid as cookie in client-side Google Tag Manager
@mbaersch
mbaersch / piwikpro-resize-tagcode.html
Last active March 26, 2021 18:04
PiwikPro Tag Manager Debug Resize
<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
mbaersch / tagless-logger-client-demo.tpl
Created April 16, 2021 09:37
Google Tag Manager Custom Client Template to demonstrate processing incoming requests directly without using event data and / or tags
___INFO___
{
"type": "CLIENT",
"id": "cvt_temp_public_id",
"version": 1,
"securityGroups": [],
"displayName": "Tagless Logger Client [DEMO]",
"brand": {
"id": "brand_dummy",
@mbaersch
mbaersch / this-or-that.tpl
Last active August 22, 2021 16:15
This Or That (Server-Side Google Tag Manager Custom Variable Template)
moved to https://github.com/mbaersch/this-or-that
@mbaersch
mbaersch / fix-ecjs-client.tpl
Created October 13, 2021 22:06
fix to fulfil requests for ec.js from a server-side GTM endpoint (Custom Client Template)
___INFO___
{
"type": "CLIENT",
"id": "cvt_temp_public_id",
"version": 1,
"securityGroups": [],
"displayName": "Fix ec.js",
"brand": {
"id": "brand_dummy",
@mbaersch
mbaersch / konamicode-easteregg.js
Last active November 4, 2021 01:50
Konami code easter egg for websites
<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)