,

Browser Tab Titel-Änderung (bei keinem Fokus)

Wenn man wuk.ch offen hat und ein anderen Tab öffnet, dann ändert der Tab den Titel automatisch hin und her und generiert wo Aufmerksamkeit zum Zurückommen. So können USPs oder Botschaften eindrücklich übermittelt werden.

Dazu ist nur ein Javascript nötig. Dieses Script nutzt jQuery.

var oldtitle;
var oldtitleindex;
$(window).on("blur focus load", function(e) {
	if (!oldtitle) { oldtitle = document.title; }
	var prevType = $(this).data("prevType");
	if (prevType != e.type) {
		switch (e.type) {
			case "blur":
				titleTimerId = setInterval(changetitle, 2500);
			break;

			case "focus":
				if (typeof(titleTimerId) !== 'undefined') { clearInterval(titleTimerId); }
				document.title = oldtitle;
			break;
		}
	}

	$(this).data("prevType", e.type);
});

function changetitle() {
	if (oldtitleindex != 1) {
		document.title = "✔WordPress ✔Design ✔SEO";
		oldtitleindex = 1;
	}
	else {
		document.title = oldtitle;
		oldtitleindex = 0;
	}
}
,

Conversion Tracking (Contact Form 7)

function gtag_report_conversion(url) {
	var callback = function () {
		if (typeof(url) != 'undefined') { window.location = url; }
	};
	gtag('event', 'conversion', { 'send_to': 'AW-.../...', 'transaction_id': '', 'event_callback': callback });
	return false;
}
document.addEventListener( 'wpcf7mailsent', function( event ) {
	gtag_report_conversion('<?php echo get_the_permalink(); ?>');
}, false );

Rechte Maustaste deaktivieren

if (document.addEventListener) {
  document.addEventListener('contextmenu', function(e) {
	e.preventDefault();
  }, false);
} else {
  document.attachEvent('oncontextmenu', function() {
	window.event.returnValue = false;
  });
}
, ,

Gleiche Höhe für Elemente

Als JS Datei `sameheight.js` speichern und einbinden:

jQuery(document).ready(function() { sameheightbox(); });
jQuery(window).resize(function() { sameheightbox(); });

function sameheightbox() {
	var highestBox = 0;
	jQuery('.sameheight').each(function(){
		if(jQuery(this).height() > highestBox) {
			highestBox = jQuery(this).height();
		}
	});
	jQuery('.sameheight').height(highestBox);
}

Einbinden z.B. mit:

add_action( 'wp_enqueue_scripts', 'wuk_sameheight', 5);
function wuk_sameheight() {
	wp_enqueue_script( 'sameheight-js', get_stylesheet_directory_uri() . '/sameheight.js', array( 'jquery' ) );
}

Elemente welche die gleiche Höhe erhalten sollen dann die CSS Klasse sameheight geben.