Einbau eines Tracking Codes für externe Links 
Author: Rosemarie H.Hi,
ich möchte via Google Analytics die Conversions auswerten, wie viele Leute von einer speziellen Seite auf einen externen Link klicken.
Dazu gibt es diese Anleitung bei Google: https://support.google.com/analytics/answer/1136920?hl=de
Ich möchte die Conversions auf dieser Seite erfassen: https://start-smoking.com/de/jetzt-kaufen.php
1) Das von der Google Anleitung beschriebene Skript (<script> .... </script>) füge ich nur auf dieser einen Seite "Nach dem <HEAD>-Tag" ein. Ist das richtig?
2) Google schreibt: "Außerdem muss das Attribut onclick zu Ihren Links hinzugefügt bzw. geändert werden. Hier ist ein Beispiel als Vorlage:
<a href="http://www.example.com" onclick="captureOutboundLink('http://www.example.com'); return false;">Check out example.com</a>"
So wie ich das sehe, müsste ich das jetzt über ein HTML-Element lösen. Aber ich habe ja diesen Button auf der Seite, in dem der Link ist:
Ich würde jetzt einfach den Text zwischen den Tags ("http://www.example.com" onclick="captureOutboundLink('http://www.example.com'); return false;">Check out example.com" ) als externen Link eintragen:
Ist auch das richtig?
Oder gibt es eine andere / bessere Möglichkeit (ohne Google Tag Manager) in meinem Fall, den Button zu behalten, aber die Conversions zu erfassen?
Vielen Dank!:)
So wie Du das beschrieben hast, wird es nicht gehen. Die Link-Festlegung von WebsiteX5 lässt es in der Form nicht zu. Hilfsweise kannst Du aber einen eigenen Button erzeugen, den Du in einem HTML-Objekt in Dein Projekt einbindest. Dazu schreibst Du in den Reiter 'HTML-Code'
<a class="AmazonBtn" href="http://www.example.com" onclick="captureOutboundLink('http://www.example.com'); return false;">Jetzt bei Amazon kaufen!</a>
und folgenden Code in den Reiter 'Erweitert' im HTML-Objekt
.AmazonBtn {
-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
box-shadow:inset 0px 1px 0px 0px #f29c93;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
background-color:#fe1a00;
-webkit-border-top-left-radius:42px;
-moz-border-radius-topleft:42px;
border-top-left-radius:42px;
-webkit-border-top-right-radius:42px;
-moz-border-radius-topright:42px;
border-top-right-radius:42px;
-webkit-border-bottom-right-radius:42px;
-moz-border-radius-bottomright:42px;
border-bottom-right-radius:42px;
-webkit-border-bottom-left-radius:42px;
-moz-border-radius-bottomleft:42px;
border-bottom-left-radius:42px;
text-indent:0;
border:1px solid #d83526;
display:inline-block;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:normal;
height:50px;
line-height:50px;
width:250px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #b23e35;
}.AmazonBtn:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
background-color:#ce0100;
}.AmazonBtn:active {
position:relative;
top:1px;
}
Wenn Du den Button im Layout anders gestalten willst, dann benutze den https://www.button-generator.de/. Natürlich musst Du im Reiter 'HTML-Code' noch Deinem pssenden Link eintragen.
Author
Hi Franz, danke für die klasse Antwort... aber ich hab's auf der Seite mal so umgesetzt wie ich es beschrieben hatte.... der Link funktioniert jedenfalls... meinst ich muss das ändern? LG
Dass der Link funktioniert kann normal sein. Wichtig ist, dass die Conversions auch tatsächlich erfasst werden. Um sicher zu gehen, solltest Du das prüfen. Hast Du das Projekt so veröffentlicht, wie Du es oben beschrieben hast? Auf der Seite ist der Code so nicht zu finden...
Author
hast recht sorry... aber jetzt ist es aktualisiert
Hallo Rosemarie,
wenn ich mir den im Objekt hinterlegten Link ansehe, ist er nicht richtig eingetragen oder WebsiteX5 verändert ihn.
Der Link enthält die Ergänzung onclick="captureOutboundLink('Amazon); return false;" hier sollte aber laut Google-Beschreibung der komplette Link zum Verkaufsangebot von Amazon stehen und nicht nur 'Amazon. Außerdem muss er in einfachen Hochkommas ' stehen.
Author
meine Interpretation war, dass die Google Beschreibung die Angabe des kompletten Links nur als Beispiel aufführt,so dass man später in Google Analytics sieht, welcher spezielle Link geklickt wurde.
Da ich nur Amazon als Link habe, reichte mir da der Hinweis 'Amazon' ohne dass ich die komplette lange URL reinschreibe. Aber ich hab es mal entsprechend angepasst und den ganzen Link in Hochkommas gesetzt.
Stimmt das Hochkomma am Ende hatte ich vergessen:)
Jetzt müsste es m.E. passen?
Ok, jetzt stimmt der Eintrag und ja, es kann so interpretiert werden. Am besten mal ausprobieren wie die Ergebnisse dann ausgewählt werden können und wie sie aussehen.
Author
Danke dir!