Yigg Button im WordPress Blog – Yigg it! Probleme in einigen Browsern

Über meinen Kennt Ihr Wikio schon? Beitrag kamen wir in den vielen Kommentaren auch zu Yigg. Dabei ist mir bei Andy aufgefallen, dass das Yigg it! in meiner fehleranfälligen IE7 Version nicht funktioniert. Der Button wird zwar angezeigt, aber man kann nicht Yiggen, es passiert einfach nix, wenn man drauf klickt. Plerzelwupp hat dann einen Code zum Einbau des Yigg Buttons in den WordPress Blog gepostet, den ich kurzerhand auch ausprobierte, wozu ich mich natürlich auch erst mal bei Yigg anmelden musste.

Leider musste ich feststellen, dass auch dieser Code Yigg it! Probleme in der IE7 Version macht. Auch im Safari (525.21) funktioniert Yigg it! nicht und im lieben IE6 sah es auch duster aus mit Yigg it! Da doch nicht wenige Leute mit diesen Browsern im Netz unterwegs sind, mag man sich vielleicht vorstellen können, wie viele gar nicht voten können, selbst wenn sie es gerne wollten. :-(

Nachdem ich mir das alles in Ruhe zu Gemüte geführt habe, dachte ich mir, dass es eigentlich nur an der Javascript Datei von Yigg liegen kann. Bei Yigg selbst habe ich eine andere Javascript Datei gefunden, das Ganze nun abgeändert und eingebunden und es scheint zu funktionieren. Ob das aber wirklich so ist, bin ich mir nicht hundertprozentig sicher, bis dato sieht es aber gut aus. Ich kann es aber selbst nicht ausreichend testen. Mit der Hilfe von Plerzelwupp konnte ich den Firefox 3.0.10, IE6, IE7, Safari 525.21 und Opera 9.60 testen können und dort funktioniert der abgeänderte Code einwandfrei. Ich habe zwar einige Browser Versionen hier installiert, aber auch nicht alle gängigeren. Außerdem gibt es ja noch die Sperre, so dass ich hier nicht wie wild rum yiggen kann ;-)

Deswegen meine Bitte an Euch: Können ein paar von Euch bitte mal ausprobieren, ob es bei Euch funktioniert von meiner Seite aus mit meinem neuen Code. Aber bitte nicht alle, damit Yigg mich nicht gleich auf dem Kieker hat: Wenn von Euch jemand einen Browser hat, der nicht Firefox 3.0.10, IE6, IE7, Safari 525.21 oder Opera 9.60 heißt, wäre es toll, wenn das jeweils einer kurz testen kann (bitte auch die Kommentare beachten, was schon getestet wurde). Und schreibt dann bitte kurz in den Kommentar, welche Version Ihr genau habt (auch die Versionsnummer) und ob Yigg it! funzt oder nicht.

Für alle die Yigg noch nicht kennen: Man muss nicht angemeldet sein um zu Yiggen. Einfach auf Yigg it! klicken und wenn der Button dann grau wird und YIGGed darin steht, dann hat alles einwandfrei funktioniert.

Jetzt noch kurz der Code und eine kleine Einbauanleitung für alle, die diese Version des Yigg-Buttons ebenfalls haben möchten:

<?php if(get_post_meta($post->ID, 'display_yigg') : ?>
<div class="yiggbutton">
<script>yigg_url = '<?php echo get_permalink(); ?>';</script>
<script src="http://static.yigg.de/v6/js/embed_button.js"></script>
</div>
<?php endif; ?>

Dieser Code gehört in die Single.php direkt vor <?php the_content(); ?>, wenn er am Anfang des Artikels angezeigt werden soll. Wer übrigens den Yigg Button nur für 2 Wochen anzeigen möchte, gibt stattdessen folgenden Code ein:

<?php if(get_post_meta($post->ID, 'display_yigg') && time()-3600*24*14 < get_the_time('U')) : ?>
<div class="yiggbutton">
<script>yigg_url = '<?php echo get_permalink(); ?>';</script>
<script src="http://static.yigg.de/v6/js/embed_button.js"></script>
</div>
<?php endif; ?>

Die Zahl 14 oben steht für 14 Tage und kann natürlich individuell von Euch beliebig nach oben oder unten geschraubt werden.

Danach Eure CSS Datei öffnen und einen der beiden folgenden Codes einfügen:
Button rechts, vom Text links umflossen:
.yiggbutton { float: right; margin-left:10px; }

Button links, vom Text rechts umflossen:
.yiggbutton { float:left; margin-right:10px; }

Falls der freie Rand schmäler sein soll, dann einfach einen kleineren margin wählen. Der margin ist nur dafür da, damit der Button nicht direkt am Text klebt, sondern etwas Abstand zwischen Text und Button ist.

Und der letzte wichtige Schritt wird im jeweiligen Artikel selbst vorgenommen. Dem Beitrag, dem ihr den Yigg it! Button verpassen wollt, müsst Ihr das Benutzerdefinierte Feld display_yigg hinzufügen und diesem den Wert 1 zuweisen. Aktualisieren, fertig. Ab jetzt kann fröhlich ge-yigged werden, wenn Ihr den Artikel als Nachricht bei Yigg eingestellt habt. :-)

Update 27.06.09: Aufgrund der Ranking Problematik im Zusammenhang mit dem Yigg Aufruf anderer URLs in Frames, habe ich einen Framebuster eingefügt und den Yigg Button vorerst aus meinen Seiten entfernt.

Artikel vom: