CSS als Möglichkeit den Suchtext zu verstecken

Search & Replace Script

Der Gedanke liegt doch nah: Einfach mit Hilfe einer CSS-Klasse den Suchtext transparent machen. Dann sieht der Nutzer den Suchtext nicht. Soweit so gut. Aber wie kann dann der Besucher der Website die richtige Call Tracking Rufnummer sehen?

 

Das Potenzial liegt im calltracking Snippet


Das Snippet ist ein hochkomplexes Schnipselchen das viel mehr kann, als Sie auf den ersten Blick sehen oder als versierter Programmierer erfassen können. Für diese Anforderung bedienen wir uns der Tatsache, dass das Snippet mitteilen kann, dass der Suchtext gefunden und durch die Call Tracking Rufnummer ersetzt wurde. Genau auf diese Antwort warten wir und nehmen dann die genannte CSS-Klasse einfach wieder weg.


Wie sieht das aus?


Im folgenden Beispiel sehen Sie wie wir unter dem Snippet Code den ‘Callback’ nutzen, um die Transparenz des Suchtexts zu entfernen, sobald die Ersetzung abgeschlossen ist. Wir hören hier auf eine Meldung (registerCallback), die uns sagt, dass die Ersetzung abgechlossen ist (replacementDone).

Das unten stehende Beispiel können Sie sich zur Vorlage kopieren und auf Ihrer Website verwenden. Vorraussetzung für die korrekte Funktion ist natürlich, dass die Domain korrekt im Control Panel registriert ist die Search & Replace Konfiguration für den Pool durchgeführt wurde.



Was tun bei Script- oder AdBlocker?

Es gibt Fälle, in denen der Suchtext nicht von einer Call Tracking Rufnummern ersetzt werden kann. Script- oder Ad-Blocker lassen auf Websites die Ausführung von Scripten teilweise nicht zu. Auch einzelne Browser haben mittlerweile Einstellungsmöglichkeiten, die vor einem vermeintlichen Sicherheitsrisiko auf diese Art schützen wollen.

In diesem Fall wird dann der transparente Suchtext genau so bleiben. Der Website Besucher würde in dem Fall keine Rufnummer sehen.


LÖSUNG

Mit dem Tag <noscript> kann der Suchtext angezeigt werden, wenn Scripte geblockt werden. So wird auch in diesem Fall der Suchtext angezeigt.

HTML Beispiel: