Wordpress Performance Wordpress SEO Wordpress Security Wordpress Themes Wordpress Hosting Mein Setup Das Buch

Youtube Statistik unter eingebetteten Videos anzeigen

Youtube Statistik unter eingebetteten Videos anzeigen

Youtube Statistik unter dem Video

Videos auf dem eigenen Server zu speichern macht keinen Sinn mehr, denn sie kosten zu viel Bandbreite, erfordern Pflege und das manuelle Einfügen. Videos bei Youtube zu hosten macht da schon mehr Sinn, denn der Player von Google lässt sich nicht nur kinderleicht auf der eigenen Website einbetten, das Video erreicht so auch gleich noch die Community von Youtube, was im besten Fall einen viralen Werbeeffekt erzeugt und das Video automatisch verbreitet. Zumindest wenn der Clip gut rankt, denn Youtube ist inzwischen überladen und nicht jedes Video ist automatisch ein Erfolg. Also nutzt Youtube einen Algorithmus, der unter anderem die Likes und Aufrufzahlen von Videos berücksichtigt und dann die Clips weiter vorne anzeigt, die hier besonders positive Statistiken aufweisen. Nun werden diese Likes und Dislikes bzw. Aufrufzahlen von Youtube aber eben nur bei Youtube selbst, nicht auf der eigenen Website angezeigt. Doch genau das ist möglich, mit dem recht minimalistischem Javascript von unten. Mit dem Code wird unter jedem eingebetteten Youtube Video automatisch die entsprechende Statistik dazu ausgegeben. Likes, Dislikes und Aufrufzahlen werden also direkt unter dem Video angezeigt, mit hübschen Icons, sodass alles auf den ersten Blick verständlich ist. Das sieht gut aus, macht Sinn und bei genug Aufrufen sehen Besucher außerdem sofort, dass das Video Erfolgreich ist. Für euch gilt das natürlich ebenso, denn mit den Statistiken behaltet auch ihr direkt den Überblick, ohne erst die Website von Youtube aufrufen zu müssen.

Folgendes vor dem </body> in die Footer.php kopieren:

<script>var myFrames=[];var fetched = -1;if (window.addEventListener){window.addEventListener('load', initProps, false);window.addEventListener('load', loadViewCount, false);}else if (window.attachEvent){window.attachEvent('onload', initProps);window.attachEvent('onload', loadViewCount);}function showViewCount(data){var div = document.createElement('div');div.innerHTML ="<img style='margin: -2px 5px 0' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADdklEQVR4XrXQTYtlVxmG4etdZ9epc+p02VZVNzoRM8igwYwSsEVFETSZBQchDhod6FzwIw4kJDjOzD8gRAOCjsRBkm4/ItgtighBmiBKAi0EU11dVFedruqz116v0JNNUaSNg1zjxXOz3vBwrvxFF+ExfByfwBT/wn42N3HoIeLKn52F2iwiPJvpKWmRSSnFpBR9rSKIouKNbF7BrrPE1244Y0hP4HvZbG6d31ZiQpJJBBAFhTv7t6Ws+Al+5TTxzHUj1CGelr61vjYvi41zWkWSCWCMTCgT+mHl7uEBXMWPjcRX/xDGcZczPf+Rc+etTabagEyZSKMYQ1FCdJQJt/d2ZXoFPwfo+gr0aUf6/nx9g5haVbIlkDx36aee2HoK/HX/NS+99XWCyCRDaSzObdk/2L8ivYmbEE9eDdAP8W185cL2RdnIliQAv/zsf4x45vrHgCACJUTx4FSr1eqf+A50/RDMbfZHvrSzfUE/jOMPUxOQxp+0sLE4b3m8+2iZuoS3umFCve/xNuiGDJlJ+uCBMUKkyDC0MKzy8oNAv6KPuBQ5sRqQQfKjT73sMztPej+//vx4sj/tve7Fm98Agsl0w/HJvUvQrWqoEzvT0qkDAmkc/98evB2QiYZY0zcXoesbwzS66ItVCxGUWfh/tflEPWoy6VuoJQqUWkKdOjrpB33SJ3muuHF8zQd1495VtWPV6Bv3h6auW9Z1urpO68o7dagWQxBEzw9ufVOZhexTPWiuP/5vI77w9ieVKdkzLJu6CnUIsDxZye1yC7q2XqzS33Mz9Imkv93EXgMQXTiNe7uDercByEQCx2srJeJN6FYB/jHMvHOwXD6y6BYkUQAoE2f0A0OeHa/ZGxZx0tIfoasJ9Bkv97P7L8xyU9ZkQCDoFhNvLK/54uLL4PdH1/RdGDIYxyncKYci4hfSIcTF364D6NPzBpd3Jhfk/QSCyXZRFkWZhWy0e007TO3w9Bn3445W2i18FycQH/3NGBiaGV7CIxfmF7W7jfRwQdko7tQ9LdsBnsO7ALF5dQxAn7GJH+KxrfNb1uqadtzkKmmAIKYh1kMswnt778G7eHEcB2L2+sxpDKnD03gWi/l8br6xYa3rQB0GJycnlkdHUPEqfoal08Taa2PgbMgmPodP41FsAZZ4G3/D77DrfUR5debDVHzI/gthH63e/Gyf2AAAAABJRU5ErkJggg=='/> Likes "+data.entry["yt$rating"].numLikes+"<img style='margin: -2px 5px 0 20px' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADhklEQVR4AcXUW4iUZRjA8f/zft98s7Ozh3a2NWhFWNIbEUkwa5WyjU6wUBQsdKALIxaDIDLyxgtTgiDyQiIEoegii4LAgm6ii6CF1FC76KBlRqFirO2szsGZ9/S0OIPD4pI7V/3ggbl4ef7vxTevcBN6YDrDyFZgDFgLFIDjwEWizgBz/AdZWMCSfBgEdgHTRB1EFYxpTfAgAiIW+Iiou4G/lg7sf54bBPcoyiFCLDE0BBiIkeuMtGMCc/+AYFF2AvtvDOx7jkWce5mo+8jyCYUihAAhAoACQosIJAbSBIKHyhWA94AXFgfefIrrrHsM1c/pHwCTgI+g2poldCLt0KVLgO4G9nYCe54EAOtHVfW05HuKFAoQIkTlpkTAtEMaYX4eVO8FZgBSGhYA17Bv5AxFiv3QtBCVZRM6HwDgG/YdYAOAuFceJh3KlXS2dlGGh3MoreVKdwERMO2ZnYVithn4Lk3z0CjXJ7Omy4nznZsr3ZFOSK2n2nRT1wKVuRqBcH8awVgLAKqw7XVYezfL8vNR+GDP9ZCkCaZW2wKQGtvEia6KkoJ1IAKqy18OrbPOdy6nkAS/EsAs/AAT88458A6cBSJdMxGcBedw1oKJycJgMJFmqldsowG2dQAT4dQRlu2XIxA8WEe0Ft9s4lJqC0PqUphTd3q1b0x610sigljg4E7IJWAEhKUp4CO4ADYQnEMBf7VGpS93FkDOv7iOo+crjz8xnD9sbS8AqQgidCWoEhUAslDh+0T2Arvl2LOr2XTozODl6TtODpQZa5geBEi6iERtBQB6iIQhd/WlmdlNwI+yfd0gAPetyL369Fjv29T7qNuw7EhUJSit5Ylg8lWOVvz79xy+uB1wQset56ZGvhjNzDj+FqoN33mZ6YToLF70h+/LGciqVIh/Tn0zPwn8BCCP3J6Htrlm2Pz1A/0fDqQyRjZCo9zE3uRNMgJ9AxloGRvj5R0n6tPv/tr4DAgAwmLJxIrkwU/GC2+N5GU9w7dBDah6mjZwNSgAmRF6MwO9KZQy+PscNa8XdvzQfO3gWXcYqNMm3Cg3WpCNH9+VbhsvyTOpUKS/n2uT5QHAOajVYL5MVPypqn657bg/cKys3wJ16BCWZoBVW0qyftcambhzQMaHM9ZkhhKAV2plx++/VfXE/j/0q08v6EngDODpUg5YCWwAtgIPtWcC2AiMAT38n/4FtS6ZFIVmJxwAAAAASUVORK5CYII='/>"+data.entry["yt$rating"].numDislikes+" Dislikes<img style='margin: -2px 5px 0 20px' src='data:image/png;base64,R0lGODlhGAAYAPZ+AP5NHf9vJe9HGVZWVqqqqhISEjo6Ok5OTv/TSYBzR15eXkFBQf9GD1ZTR7m5uSkpKf6yUf/JS/M7CP/OSnx8fP/ATd3d3TExMXV1ddPT05KSkoKCgp2dnfqlO/9VIWZmZgwMDCIiIv+VaG1tbUhISIiIiP+7Tv9OHf/FTOM1Bf+7p+zs7B4eHv+hVP+8TvxUG0ZGRv/HSv+2UDU1Nf2MbFFRUBoaGv9PBf+vUv4/Cv+nVLWOP/1NHF9fX/tMHP+xS/9SCP9pH4CAgOs5B/9LF//DSxQQDf+EO5WVlVxcXL6+vv+rVP+tVP9JE/9MF99+Lfn08TUrHP39/bGPQfN4NycZD6FcHicnJ/9ACl1UO+nBSHRwUvjJSWJaQk0xH83NzaZgH7e3t/SqTlpaWgMDA/+cVfNIGd5rHIlmKS0kG+Li4v+jdvOJMfbQSDw8PHNLLnxeKaqSRtKzSLmUQf/488fHx2hoaDUgEHFxcf+rU9NjG8DAwNzBSv9MAgAAAAAAACH5BAUAAH4ALAAAAAAYABgAQAf/gH6Cg4MrGXtfK4SLhAQXPRdTEZOUMXOPFxaMgmsMngxHOqJHnwwqm4JqNRgUFEk1fFsHrSMKUqgcBQsLBWA/MsA/Vrq8SIwiNwHKy0E3QcvLNyKofgRjHyUlGNkfPQ7UggcfIwtdWhMI6XELIwcbqBQPByFoFfb3FXDyIRyoFzYhQBh5gqMgGyMFZthgAYWRiiEnePjgcULCizIvJJyYCODEkFPgQoq0sEGBSZNCNIkkUIPChpJbFLzEMyAMOCQHMGAg0UAOgjYJSNjZWQeVBQMfamThMqGp0wQLFMBApeHBgAc7iqDYiqJIkR1WHyjZJIQFCTdROpgw4WJthzQLV0jY0LApAwgDBq5UEQOhL4Q7D/CCGEuIjiAHM2a8OcNkSZ4lS/R4IcPi2yYaOYh48OAES4vPmTc7yUGDEZAmAlKnNpOCSgrVqpsAOdantu3buKeJ3C0oEAA7'/>"+data.entry["yt$statistics"].viewCount+" Aufrufe";div.style.margin = "10px 0 0";div.style.textAlign = "center";div.style.font = "17px/17px Arial";myFrames[fetched].parentNode.insertBefore(div, myFrames[fetched].nextSibling);if(fetched < myFrames.length-1){loadViewCount();}}function loadViewCount(){fetched++;var script = document.createElement('script');var videoId = myFrames[fetched].src.split("embed/")[1].split("?")[0];script.src = "http://gdata.youtube.com/feeds/api/videos/"+videoId+"?v=2&alt=json&callback=showViewCount";myFrames[fetched].parentNode.appendChild(script);}function initProps(){var allFrames = document.getElementsByTagName("iframe")
for(var i=0;i<allFrames.length;i++){
if(allFrames[i].src.indexOf("youtube")>=0)
myFrames.push(allFrames[i]); } }
</script>

Statistiken gegen hohe Absprungrate

Mit dem Snippet oben werden die Statistiken von Youtube sauber und hübsch unter dem entsprechenden Video dargestellt, wie es auch im Teaserbild zu sehen ist. Mehrere Videos sind kein Problem, auch mit Styling kommt der Code normalerweise zurecht. Likes, Dislikes und Aufrufe werden so unter dem Video präsentiert, also die gesamte Youtube Statistik zum Video. Warum das sinnvoll und wichtig ist? Weil viele, nur um diese Zahlen zu erfahren, das Video nicht auf eurem WordPress Blog anschauen, sondern mit einem Klick zu Youtube gehen. Dort sehen sie diese Zahlen und für viele sind selbige wichtig, weshalb sie dafür eben auch tatsächlich eure Seite verlassen. Übrigens: Vor kurzem stellte ich euch den Service reEmbed vor, der einen eigenen Youtube Player generiert und so die Absprungrate ebenfalls massiv reduziert. Selbiges ist auch eine schöne Möglichkeit, die Besucher auf der eigenen Seite zu halten. Ich mag solche Spielereien jedenfalls und in meinen Test verringerten solche Maßnahmen auch jedes mal stark die Absprungrate. Davon abgesehen sieht es einfach gut aus, die Youtube Statistiken direkt unter dem Video zu präsentieren. Technisch geht das ganz simpel über die Youtube API im JSON-Format. Wer das Ganze nun auf seinem Blog umsetzten möchte, weiß jetzt jedenfalls wie das innerhalb von WordPress vollkommen automatisch gelingt.



Wordpress Performance eBook