by ·3 Kommentare

Nach meinem Beitrag Youtube Videos XHTML valide einbauen hat mich Mirco in einem Antwortpost darauf hingwiesen, dass das Plugin „Viper’s Video Quicktags“ die Anpassung erleichtern könnte. Kein manuelles Codeschreiben mehr um Youtube Videos valide zu kriegen, das klang schon sehr verlockend.

Ich habe mir das Plugin mal heruntergeladen und installiert.

Nach ein paar Einstellungen war alles erledigt und hier soll nun mein erster Test sein. Das Video ist aus meinem Post letztens, der Philips Werbespot, getauft „Freeze!“ von Caschy.

Um es einzufügen klicke ich ganz einfach auf den Youtube Button im Editor.
vipers-video-quicktags-wordpress-plugin-button
Der Visuelle Editor von WordPress zeigt sogar eine schöne Iconleiste aber da ich immer Pure HTML schreibe muss ich mit den simplen Button vorlieb nehmen.
vipers-video-quicktags-wordpress-plugin-bar

Dann errechne ich mir noch die optimale Auflösung für das Video, da die Youtube Videos ja ständig ein unterschiedliches Seitenverhältnis haben (manche Videos sind 440×356 optimal, manche 440×270, wie gesagt, je nach Verhältnis). In diesem Fall ist das Video recht breit und schmal, 440×270 ist für meinen Blog optimal…
vipers-video-quicktags-wordpress-plugin-fensterjpg

… und schon kann es eingefügt werden. Am Ende bleibt eine simple [*youtube]Link[/embed] Konstruktion übrig (natürlich ohne „*“), ggf. mit den Parametern width und height.

[*youtube width="440" height="270"]http://www.youtube.com/watch?v=lQ3D4CqHbJM[/embed]

https://www.youtube.com/watch?v=http://www.youtube.com/watch?v=lQ3D4CqHbJM[/embed]

Download section
vipers-video-quicktags [.zip]

by ·2 Kommentare

Nachdem ich das heute wieder gebraucht habe, werde ich mal erklären, wie man Youtube Videos XHTML valide einbauen kann.
Da Youtube noch mit embed arbeitet kann 1 eingefügtes Video mit dem Standard „Einbetten“ Code schon 7 oder mehr Fehler in der XHTML Validität erzeugen.
Für jemanden, der darauf wert legt (wie ich), ist da praktisch eine Katastrophe 😀

Sehen wir uns den Aufbau eines Standard-Einbetten-Codes von Youtube einmal an:

Eine Menge Kram, alles nicht valide nach heutigen Standards.
Hier sind die wichtigen Eigenschaften des Videos nochmal auf einen Blick:

  • In Zeile 1 steht sowohl Breite als auch Höhe, hier 480×295
  • In Zeile 2 sowie 5 finden wir die VideoID (youtube.com/v/[VideoID]), in diesem Fall lQ3D4CqHbJM
  • Hinter der VideoID sind noch weitere Parameter für Farbe, Rahmen und son Kram, im Beispiel
    &hl=de&fs=1&color1=0x006699&color2=0x54abd6

Schauen wir uns jetzt den XHTML Transitional validen Code an:

Was hat sich geändert?:

  • Breite und Höhe sind anders, ist nur so, damit es in meinen Blog passt. Sie werden weiterhin mit height=“***“ und width=“***“ angegeben.
  • Die VideoID lQ3D4CqHbJM steht jetzt in data=“ * “ in Zeile 1 und auch in Zeile 2
  • Die Parameter stehen in Zeile 2 hinter der VideoID und an das „&“ ist „amp;“ gehangen geworden.

Wie baut ihr nun also schnell ein Youtube Video valide ein?
1. Kopiert euch aus dem Standard-Einbetten-Code aus Youtube die VideoID und die Parameter heraus, also:

lQ3D4CqHbJM&hl=de&fs=1&color1=0x006699&color2=0x54abd6

2. Nehmt euch den validen Code von mir und ersetzt meine VideoID und Parameter mit euren.
3. Sucht in diesem Code nach allen „&“ und fügt immer „amp;“ hinten an, bis keine „&“ mehr vorhanden sind.
Fertig!

So, durch diesen Post handel ich mir natürlich viele Fehler im Code ein, aber das ist der Preis für Aufklärung 😉

by ·6 Kommentare

etracker ist ein online Analysedienst für Internetauftritte.
Den Dienst gibt es in 4 Varianten: Lite, Basic, Advaned und Unlimited. Nur Lite ist kostenlos, dementsprechend auch eingeschränkt in der Funktionalität. Was mit Lite möglich ist, ist aber schon durchaus brauchbar.

Zum Beispiel bietet etracker auf dem Dashboard eine Übersicht über die wichtigsten Daten. Das Dashboard könnt ihr selber aus beliebigen Komponenten zusammensetzen und somit die für euch relevanten Daten auf einen Blick anzeigen lassen.
etracker-ohne-logo-zwang-dashboard

Einige Datenbestände werden übersichtlich visualisiert. Dabei kann man sich die Diagramme als Balken- oder Tortendiagramm anzeigen lassen und auch bei Bedarf herunterladen.
etracker-ohne-logo-zwang-funktion4
etracker-ohne-logo-zwang-funktion3
etracker-ohne-logo-zwang-funktion2
etracker-ohne-logo-zwang-funktion1

Wöchentlich schickt etracker eine zusammenfassende Mail mit der Wochenstatistik:

etracker-Wochenstatistik ID: 174933
http://hannes-schurig.de

Woche Nr: 16 – 2009 (13.04.2009 – 19.04.2009)

B / PI / GZ / AB / AS

16.04 bla
17.04 bla
18.04 bla
19.04 bla
Gesamt: bla bla bla bla

B = Besucher AB = Ansichtszeit pro Besucher
PI = Page Impressions AS = Ansichtszeit pro Seite
GZ = Gesamt Zeit (Tage|Zeit)

Ein Problem jedoch: Wer das etracker Lite Codesnippet einfügt, damit die Besucherdaten analysiert werden können, muss mit einem nicht sehr schönen Logo auskommen:
etracker-ohne-logo-zwang-banner Oder doch nicht? Ich zeige euch, wie ihr dieses Logo einfach ausblenden könnt. Die Daten werden weiterhin gesammelt aber ohne dieses störende Bild.

Die Lösung:
Geht in euren Design Editor…
Fügt bei eurem Stylesheet folgende Zeile ein:

.etracker a { display: none; }

etracker-ohne-logo-zwang-losung2

Damit sollte das Logo verschwinden. Bei Fragen oder Problemen nutzt bitte die Comments oder schreibt mir eine Mail.

Viel Spaß!

by ·2 Kommentare

Mit Google Insights bietet Google wieder eine interessante Möglichkeit, die Suchen des Giganten etwas zu analysieren.

Die Hauptseite gibt schon einen groben Überblick über die Funktionen und Möglichkeiten.
google-insights-suchtrends-analyse-main

Uns interessiert das Feature „Search Terms„. Hiermit können wir Analysieren, in welchen Teilen der Welt welche Suchanfragen wie häufig gesucht werden. Die Bedienung des Tools ist denkbar einfach. Wenn wir zum Beispiel wissen wollen, was die Leute in Deutschland in den letzten 30 Tagen im Bereich Computers&Electronics gesucht haben, dann wird das schnell per Dropdown&Klick im Bereich „Filter“ eingestellt:
google-insights-suchtrends-analyse-filter
Das Suchfeld lassen wir leer, damit werden alle Suchen aus diesem Bereich angezeigt.
Als Ergebnis erhalten wir eine Grafik bezüglich den Suchtrends zu dem Bereich Computers&Electronics, den häufigsten Suchbegriffen und den ‚Trends‘, also anwachsende Suchbegriffe.
google-insights-suchtrends-analyse-ergebnis

Was können wir daraus schlussfolgern?
Die Begriffe

  • Windows
  • Treiber
  • Hotmail
  • Firefox

sind die am häufigsten gesuchten dieser Kategorie.google-insights-suchtrends-analysieren-trends
Die Trends sind:

  • antivir 9 mit +2700%
  • ie8 mit +500%
  • internet explorer 8 mit +400%
  • ie 8 mit +400%
  • explorer 8 mit +400%
  • conficker mit +200%
  • avira antivir mit +90%
  • internet explorer mit +80%

Vor allem die Trends sind hier recht informativ und bei diesem Beispiel sogar wunderbar zu erklären:
In Zeiten von Conficker ist natürlich das weit verbreitete und kostenlose Avira AntiVir in seiner neuen Version 9 stark im Kommen. Blogeinträge über die neue Version und den kostenlosen Schutz durch Avira sind also sicher willkommen.
Ähnlich günstig machen sich derzeit Posts über den neuen Internet Explorer 8, dessen neue Version ab kommender Woche über das Windows Update verteilt wird.
Die Trends liegen in diesen 2 Gebieten und das sollte jeder schlaue Blogger auch nutzen.

Ebenfalls brauchbar ist die Möglichkeit, sich diese Trends als Widget (praktisch ein RSS Feed) für die iGoogle Seite zu sichern, damit man täglich auf dem Laufenden sein kann, was gerade so angesagt ist.
google-insights-suchtrends-analysieren-rss-igoogle

Fazit: Mit der Search Terms Analyse von Google Insights trifft man garantiert auf viele neugierige Leser und kann gegebenfalls Trends schon frühzeitig erkennen.
Was haltet ihr von dieser Taktik, Trends zu erkennen und zu nutzen? Kennt ihr bessere Tricks diesbezüglich?

by ·2 Kommentare

Gestern ist es passiert:

Zum ersten Mal seitdem ich Akismet benutze, kam ein Spamkommentar durch die Kontrolle.
Komischerweise war es eins von diesen Kommentaren die 20 Zeilen lang sind, 100 Links und dafür nicht 1 sinnvolles Wort beinhalten.
Ich frage mich, was hier schief gegangen ist.
Aber eher stellt sich mir die Frage: Kann ich diesen Spam irgendwie an Akismet senden, irgendwie deren Datenbank durch diesen Ausreißer erweitern? Gibt es eine Art Report Funktion für dieses PlugIn?
Wenn ich Zeit finde, werde ich da mal recherchieren aber derzeit reicht es nur für diese Zeilen.

Damit landet Akismet nach weiteren spamreichen Tagen bei einer Erfolgsquote von über 94%, vielen Dank und Gratulation.
hannes-schurig-akismet-spam-statistik

by ·2 Kommentare

Die heutige Mail der Aktion für einen besseren Blog zeigte auf einen Artikel, den ihr euch unbedingt ansehen solltet.

27 Must Read Tips and Tutorials for Bloggers

In diesem Artikel findet ihr 27 Links, von denen die meisten sehr interessant sind! Als neuer Blogger, wie ich einer bin, ist es eine Informationsquelle von unschätzbarem Wert.

Hier noch eine kleine Übersicht über die bisherigen Tipps der Aktion:

by ·Ein Kommentar

Ich habe mittlerweile den unschätzbaren Wert des „Planen“ von Blogartikeln gelernt. Damit meine ich die Möglichkeit, in der Zukunft automatisch zu publizieren.

Folgende Gründe sprechen dafür:

  • Wenig Zeit: Wenn in der Woche die Zeit durch Arbeit, Freunde, Freundin und Pflichten knapp wird, findet man oft nur einen Abend, an dem man etwas schreiben kann. Da können dann schon 3, 4 Artikel entstehen. Sie alle sofort zu veröffentlichen wäre aber nicht sehr klug, weil…
  • Feedleser nicht überfordern: …oft wird es den Feedlesern zu viel auf einmal und sie überspringen einen Artikel oder übergehen ihn erst, um ihn danach zu vergessen. Die Stammleser damit zu vergraulen wäre fatal.
  • Periodische Abstände: Ein Blog, der alle 6 Stunden einen neuen Beitrag veröffentlicht wirkt viel mehr „up to date“ als ein Blog, der alle 3 Tage 6 Artikel auf einmal publiziert. Damit wären die Leser dann wieder überfordert (s.o.).
  • Abwesenheit kompensieren: Wer mal zwei, drei Tage auf Dienstreise ist und dort keine Zeit oder kein Internet haben wird, der kann vorher noch interessante Artikel vorschreiben, damit der Blog nicht in Vergessenheit gerät 😉
  • Feiertage/Events/Zeitpunkte: Man möchte gerne zu Ostern alles Gute wünschen, 0 Uhr jemanden gratulieren, jeden Morgen um 7 Uhr einen kleinen Wetterbericht veröffentlichen oder Ähnlich, ist aber nicht immer zu dem Zeitpunkt zugegen oder hat Zeit; mit dem Vorschreiben kein Problem.

    Problem ist jedoch, dass Artikel altern und schnell an Aktualität verlieren. Ein Logochange von Intel 2 Tage später zu planen ist daher nicht sehr clever.

    Der Beitrag war anfangs nicht als Liste geplant, ich habe dann aber doch den Tipp Nummer 2 der Aktion „31 Days to Build a Better Blog“ befolgt. Mit diesem Tipp wird empfohlen, einen Listenbeitrag zu schreiben.