what does not work for me

First I attached fancybox() and mediaelementplayer() to html tags separately as following:

$('.open-fancybox').fancybox();
$('#mediaelement').mediaelementplayer();

<a class="open-fancybox" href="#fancybox">
<div id="#fancybox">
    <video id="#mediaelement" src="...mp4">
</div>

That did not work in IE versions below IE9. The fancybox opened, but the video did not show up. So I tried attaching the mediaelementplayer() after the fancybox was loaded.

This solution works for me!

$('.open-fancybox').fancybox({
    'afterShow: function() {
        $('#mediaelement').mediaelementplayer();
    }
});

<a class="open-fancybox" href="#fancybox">
<div id="#fancybox">
    <video id="#mediaelement" src="...mp4">
</div>

I think that mediaelement.js actually is the best solution for cross-browser and cross-platform video hosting!

Jede Unterbrechung zwingt einen dazu sich neu konzentrieren zu müssen und bringt Unruhe in den Arbeitsfluss. Effektiv geht dabei viel Zeit bzw. gar die Qualität der Arbeit verloren.

Klar kann man sich darüber ärgern und damit leben, oder etwas dagegen tun. Es gibt viele professionelle Artikel über Zeitmanagement und die Eliminierung von Zeitdieben. Dieser Artikel von www.simplifiy.de ist toll.

Es gibt aber auch ganz unkonventionelle Lösungen. Im Film “The Social Network” begeben sich Mark Zuckerberg und seine Kollegen in Konzentrationtunnels, wenn sie gerade wieder am Coden sind. Dabei setzen sie sich Kopfhörer auf, schalten Musik an und arbeiten unter Ausschluss der Umwelt weiter. Dies gewährleistet völlige Konzentration auf das Wesentliche.

Ich denke, dass die völlige Abschottung von der Umwelt für jene Zeiten in denen man sich konzentrieren muss, die einzig funktionierende Lösung zur Abwendung von produktivitätsmindernden Unterbrechungen ist.

In den Tunnel zu gehen, dürfte vermutlich nicht an jedem Arbeitsplatz auf Akzeptanz stoßen, da es doch eine sehr unkonventionelle Lösung ist. Vermutlich wird man irritierte Blicke, bzw. abwertende Kommentare ernten. Andere werden vielleicht begeistert sein und sich ein Beispiel daran nehmen.

Ich kann es sehr empfehlen. Dieses Gefühl von völliger Fokussierung auf das Wesentliche unter Begleitung motivierender Musik, hilft einfach ungemein bei der raschen Erledigung komplexer Aufgaben.

Heute stolperte ich über einen Blogeintrag von SEOmoz, der eine doch recht komplexe Frage beantwortet.

Site Speed – Are You Fast? Does it Matter?

Hat die Geschwindigkeit einer Website Einfluss auf das Ranking in den Suchmaschinenergebnis-Listen?

Mal sehen wie sich die beiden Systeme schlagen. Ich probiere also folgende Fragestellung aus: “Does the speed of a website impact on Google’s Ranking?”

Google liefert mir diese Ergebnisse:

Quora vs. Google - Google Test 2

Während Quora folgende Ergebnisse ausgibt:

Quora vs. Google - Quora Test 2

In diesem Beispiel wird die ganze Sache schon etwas diffiziler. Beide Ergebnislisten enthalten viele Ergebnisse wobei Quora erst im dritten und fünften Ergebnis Hinweise auf die Beantwortung meiner Frage liefert. Ergebnis eins und zwei haben eher wenig mit meiner Frage zu tun. Anders hingegen Google. Hier finde ich sofort im ersten Hit einen Link direkt zu Google, der mir versichert, dass die Ladezeit einer Website Auswirkungen auf das Ranking hat. Auch die nächsten Ergebnisse beantworten mir meine Frage sehr gut.

Ich komme daher zu folgendem Fazit:

Quora arbeitet für allgemeine und kurze Fragen, die auch eine kurze und knappe Antwort ermöglichen hervorragend. Bei komplexeren Fragen, stellt sich die Fragestellung an sich schon als schwierig dar. Ich könnte meine Frage auf unterschiedlichste Arten stellen. Eine längere Frage beinhaltet natürlich mehr Keywords als eine kurze, wo Google den Themenbereich bereits stark eingrenzen kann und mir bessere Ergebnisse liefert.

Weiters fungiert Google als Volltextsuche wogegen Quora vermutlich nur mit einem Fragenkatalog arbeitet, was den Datenpool bereits sehr eingrenzt. Google greift auf eine Datenmenge zu, die Quora wohl nie erreichen wird. Dies erklärt für mich aber die bessere Datenqualität bei kurzen Fragen von Quora.

Durch die Einbindung der sozialen Komponente und des Vorhandenseins vieler registrierter Experten, kann Quora mit einer hohen Kompetenz punkten. Für die schnelle Recherche von Facts und Infos, werde ich in Zukunft jedoch Google verwenden

E-Day 2011 – Wien - Donnerstag, 3. März 2011 – link

• Social Media
• Geomarketing
• Mobile Trends und Applikationen
• Rechtliche Risiken

NEU ONLINE MARKETING SEMINARE von emagnetix – Linz – März bis November – link

• Online Marketing Seminar Grundlagen & Möglichkeiten
• Tourismus Online Marketing Seminar Reise zum Online Erfolg
• Online Marketing Crashkurs für Entscheider Kristallklarer Überblick
• Social Media Marketing Der Praxis-Workshop zu Web 2.0
• Suchmaschinenoptimierung – SEO Basic
• Google AdWords BASIC Einblick, Ausblick, Durchblick, Mausklick
• Tourismus Online Marketing Seminar Reise zum Online Erfolg
• Social Media Marketing Der Praxis-Workshop zu Web 2.0
• Online Marketing Lehrgang – 5 Tage
• Suchmaschinenoptimierung – SEO Advanced
• Google AdWords ADVANCED Optimieren, Tunen, Feineinstellen
• Online Marketing Seminar Grundlagen & Möglichkeiten

DMX Austria – Wien - Dienstag, 5.- Mittwoch, 6. April 2011 – link

• E-Mail Marketing & Dialog Marketing
• Mobile Internet
• Mobile Marketing
• Performance Marketing
• E-Commerce Lösungen
• Social Media & Marketing
• Suchmaschinen Marketing
• Suchmaschinen Optimierung
• Web Analytics
• Web TV / IPTV

SEOkomm – Salzburg - Freitag, 25.November 2011 – link

• Track 1: “SEO Praxis” für SEO-Experten
• Track 2: ”Business Strategie & White Hat Track” für Marketingfachleute und Entscheider

Erinnert man sich an Second Life, welches vor ein paar Jahren noch als DAS werbewirksamste Computerspiel gehandelt wurde, so tun sich in Minecraft vielfältige Möglichkeit für Product-Placements auf. Wenn man sich die folgenden Videos ansieht, wird vielleicht einiges klarer.

Hier der offizielle Teaser von Minecraft:

Zugegeben, der Ansatz ist aktuell relativ naiv und noch nicht zu Ende gedacht, aber vielleicht könnte Minecraft ein gigantischer Showroom für Unternehmen werden um Produkte auf neuartige Weise zu bewerben. Siehe etwa hier:

Der Detailgrad der Darstellung von Objekten wird erst mit wachsender Größe genauer, daher sind kreative Köpfe gefragt, die dieses Tool optimal für ihre Sache nutzen lernen.

Ein Manko sehe ich in der Fragmentierung des Serverhostings. Da jeder seinen eigenen Server hosten kann, gäbe es in der aktuellen Form keinen “single point of sale”. Aber die ganze Sache steht ja noch in Kinderschuhen. Vielleicht finden sich zukünftig ein paar Sponsoren, die daraus eine Art MMORPG à la World of Warcraft aufziehen und ein eigenes Wirtschaftssystem integrieren um einen In-Game Handel zu ermöglichen.

Genauer auf das Spiel selbst, geht etwa der Blog “itsnothing.de” ein.

Die Website von Minecraft: http://www.minecraft.net/
Hier gibts das “Minecraft Wiki: http://www.minecraftwiki.net/wiki/Minecraft_Wiki

Die Dummysite

Abbildung1: Wireframe

1. Basiskonfiguration im Header bzw. Erfassung des Seitenaufrufs
2. Erfassen von Interaktionen mit Multimediainhalten
3. Erfassen von Downloads
4. Erfassen von eCommerce Transaktionen

1. Basiskonfiguration

Bevor man sich um die Details kümmern kann, muss erst der Basis-Trackingcode im Sourcecode integriert werden. Es wird unbedingt empfohlen den neuen asynchron arbeitenden Trackingcode zu verwenden, daher beziehe ich mich in diesem Artikel nur darauf.

Im Gegensatz zum alten Code, muss das Setup der asynchronen Methode unmittelbar vor dem </head> Tag stattfinden. Die Übermittlung zu Google erfolgt dann im Footer.

Und hier die beiden Snippets:

  // HEADER
  <script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);   // Hier wird die Account-ID der zu trackenden Domain eingetragen
  _gaq.push(['_trackPageview']);              // So wird ein Seitenaufruf erfasst
  </script>

  // FOOTER
  <script type="text/javascript">
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    // Ob HTTPS oder HTTP ist egal. Hier wird beides berücksichtigt.
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

  })();
  </script>

2. Events

Events sind Benutzerinteraktionen mit Teilbereichen einer Seite wo kein neuer Aufruf der Website stattfindet. Dies sind etwa Dateidownloads, JavaScript gesteuerte Mediaplayer wie der jPlayer oder Bilderpopups mit Lightbox.

Die Eventtrackingmethode sieht wie folgt aus und erwartet folgende Parameter:

_trackEvent(category, action, opt_label, opt_value)

• String category: Die Kategorie der wir ein Event zuordnen wie etwa Audio, Video, Download, … . Je besser man diese Namen wählt, desto einfacher wird eine spätere Analyse.
• String action: Die Interaktion mit einem Element wie etwa Play, Stop, View, Open, …
• String opt_label: Dieser optionale Wert ermöglicht eine genauere Beschreibung des Events. Hier kann etwa der Titel eines Videos oder der Pfad zu einer Datei übergeben werden.
• Int opt_value: Hier kann ein Integerwert angegeben werden. Beispielsweise wäre hier die jeweilige Downloadzeit pro Eventaufruf interessant um Performanceprobleme erkennen zu können.

Im Beispiel gibt es 2 Events. Ein MP3-Stream und ein Flashvideo. Die Events werden über  2 Links gestartet, die jeweils das “Play”- bzw. das “View”-Event anstoßen. Der Code sieht folgendermaßen aus:

// MP3-Stream
<a href="#" onClick="_gaq.push(['_trackEvent', 'Audio', 'Play', 'Mozart - Eine kleine Nachtmusik']);">Play</a>

// Video
<a href="#" onClick="_gaq.push(['_trackEvent', 'Video', 'Play', 'Pianist spielt Mozarts Nachtmusik']);">View</a>

Selbiges sollte man nun natürlich auch für die Events “Stop”, “Pause”, etc. machen. Beim Stop-Event könnte man bei opt_value die Laufzeit mitliefern, damit man z.B. die durchschnittliche Spieldauer errechnen kann.

3. Downloads

Hier gäbe es 2 Möglichkeiten der Erfassung.

• Tracking als Seitenaufruf
• Tracking als Event

Ich empfehle Downloads als Events zu erfassen, da viele Downloads rasch die Webstatistik hinsichtlich der Seitenaufrufe verfälschen können. Besonders unangenehm kann dies vor allem bei eCommerce KPIs auffallen. Der Durchschnittswert pro Seite beim  “£ Index” kann beispielsweise drastisch sinken wenn man verhältnismäßig viele Downloads über je einen Pageview erfasst.

Hier trotzdem beide Varianten:

Tracking als Seitenaufruf

<a href="download/example.pdf" onClick="_gaq.push(['_trackPageview', '/download/example.pdf']);">Download</a>

Tracking als Event (empfohlen)

<a href="download/example.pdf" onClick="_gaq.push(['_trackEvent', 'Downloads', 'PDF', '/download/example.pdf']);">Download</a>

4. eCommerce

eCommerce Tracking ermöglicht das Erfassen von Transaktionen in einem Webshop. der Trackingcode wird nach dem Bestellabschluss, etwa auf einer “Danke für Ihren Einkauf”-Seite, eingefügt.

“Achtung: Beim eCommerce-Tracking von Google werden Transaktionen von Benutzern ohne aktiviertem JavaScript nicht erfasst. Bei Umsatzstatistiken also lieber auf die Zahlen der Buchhaltung vertrauen!”

Eine Transaktion wird in 3 Schritten erfasst:

1. Zuerst muss sichergestellt sein, dass die Basiskonfiguration des GA-Account im Header geladen wird.
2. Metadaten für die Transaktion übertragen:

  _gaq.push(['_addTrans',
    '1234',           // BestellID - required
    'Petshop',        // Shopname - optional
    '11.99',          // Gesamtsumme der Bestellung - required
    '1.29',           // Steueranteil - optional
    '5',              // Versandkosten - optional
    'Vienna',         // Stadt - optional (Google verwendet Geoloc, wenn leer)
    'Vienna',         // Bundesland - optional (Google verwendet Geoloc, wenn leer)
    'Austria'         // Land - optional (Google verwendet Geoloc, wenn leer)
  ]);

3. in einem Loop folgenden Code für jedes Item erstellen:

   _gaq.push(['_addItem',
       '1234',           // BestellID ID - required
       'DD44',           // eindeutige ArtikelID - required
       'T-Shirt',        // Artikelbezeichnung - optional
       'Green Medium',   // Kategorie - optional
       '11.99',          // Stückpreis - required
       '1'               // Anzahl - required
     ]);

4. Übermittlung der Daten

   _gaq.push(['_trackTrans']);

Nun können Detailstatistiken erstellt werden die weit über simple Verkaufszahlen hinausgehen. Sehr interessant ist der “£ Index”, welcher den anteilsmäßigen Wert jeder Seite angibt. Damit können die umsatzgenerierenden Seiten rasch erkannt werden und Verbesserungsmaßnahmen für eher mäßig am Umsatz beteiligte Seiten gesetzt werden.

Demnächst werde ich näher auf das Kampagnentracking von Google Analytics eingehen. Bis dahin. Frohes Tracken!

Suchmaschinen liefern mit etwas Erfahrung und Geduld die schnellsten Antworten, gerade im technischen Bereich. Da findet man schnell mal ein nützliches Script, ein Designpattern oder ein ganzes Tool, das wir für die eigenen Zwecke verwenden können.

Doch wie sieht es mit der Qualität der Ergebnisse aus?

Letztes Jahr, genauer gesagt am 21. Juni 2010 wurde Quora.com der Welt offenbart. Quora ist ein Expertensystem der Art Web2.0. Jeder kann eine Frage erstellen. Jeder kann diese Beantworten. Jeder kann Fragen folgen um deren Antworthistorie mitzuverfolgen. Antworten können bewertet werden. Je besser eine Antwort bewertet wird, desto höher steht sie in der Antwortenliste.

Auch hier spielt das persönliche Profil eine große Rolle. Je mehr man sich bei Quora herumtreibt, und aktiv Fragen beantwortet und stellt, desto genauer werden einem Fragen vorgeschlagen, die zu einem passen könnten. Sehr intelligent gemacht, denn so gelangen die richtigen Fragen zu den richtigen Experten.

Ich habe eine kleine Stichprobe bei beiden Systemen gemacht und getestet wie hoch die Qualität der Antworten ist.

Quora.com ist derzeit nur in englischer Sprache verfügbar, daher habe ich die Fragen natürlich auf Englisch gestellt.

Meine erste Frage war die folgende: “How can I get more people to follow me on Twitter?”

Quora.com

Das Ergebnis ist klar, knapp und sachlich. Ich wäre mit diesen beiden Antworten vorläufig zufrieden. Details gibt’s hier nicht, aber diese stehen bei diesem Thema sowieso nur im Erfolgsrezept.

Quora.com

Google.com

Ich habe auf das erste Suchergebnis geklickt und bin auf den Blog von Twitip gekommen. Dieser leitet mich wieder weiter auf andere Posts die ich mir durchlesen müsste. Viel Info, mehr Aufwand.

google.com - 1. Resultat

Gewinner ist hier für mich eindeutig Quora.com.

Google 0:1 Quora

Die Antworten sind knapp aber präzise. Mehr brauche ich als Twitteranfänger nicht wissen. Eine längere Recherche bei Google liefert mir bestimmt tausendmal die gleichen Antworten nur jeweils auf eine andere Weise dokumentiert.

Dieser Test hat ein sehr allgemeines Thema betrachtet. Wie es aber um ganz spezielle Fragen steht, dass sehe ich mir in meinem Folgeeintrag an, den ich nächste Woche posten werde.

Nun gibt es aber auch URL’s die dynamisch generiert werden und gar nicht aus dem CMS-System kommen. Dies können etwa Produktseiten eines integrierten Shops sein die automatisiert aus einer Datenbank generiert und mit Inhalten befüllt werden.

Es entstehen nun viele URL-Quellen die alle in einer XML-Datei migriert werden sollen. Ich möchte hier nun eine Methode vorstellen die gar keiner physischen Datei bedarf sondern dem Suchmaschinenbot die XML-Ausgabe auf Abruf liefert.

Dazu benötigen wir folgende Dinge:

• Ein eigenes minimales Contaomodul
• Eine Ajaxfunktion
• Eine RewriteRule

Das Contaomodul

Wir erstellen ein Modul “sitemap”. Dieses Modul benötigt nur minimalste Voraussetzungen:

Ordner-/Dateistruktur:

• system/modules/sitemap/config/config.php
• system/modules/sitemap/ModuleGenerateSitemap.php

config.php

Wir benötigen ein Frontendmodul für unsere Ajaxmethode. Dieses definieren wir in der config.php Datei.

<?php

// Front end module
array_insert($GLOBALS['FE_MOD']['miscellaneous'], 0, array
(
'sitemap' => 'ModuleGenerateSitemap'
));

?>

Hier weisen wir das Frontendtemplate “sitemap” der Modulklasse ModuleGenerateSitemap.php zu. Das Frontendtemplate benötigen wir später für den Ajaxcall. Eine Templatedatei erstellen müssen wir nicht, da sich alles in der Klasse ModuleGenerateSitemap abspielt.

ModuleGenerateSitemap.php

Die Ajaxfunktion:

Contao liefert uns bereits die richtige Umgebung für die Entwicklung einer passenden Ajaxfunktion mittels der

generateAjax()

Methode.

<?php

class ModuleGenerateSitemap extends Module {
  protected $strTemplate = "";

  protected function compile()
  { // bleibt leer
  }

  public function generateAjax()
  {
    $mode = $_GET['mode'];

    switch ($mode)
    {
      case "generateSitemap":

          ob_start("ob_gzhandler");                // GZip zur Komprimierung der Ausgabe
          header("Content-Type: text/plain");
          echo self::generateSitemapXML();            // Aufruf der eigentlichen XML-Funktion
          ob_end_flush();
          return false;

     break;
  }

  private static function generateSitemapXML()
  {
      // hier folgt die Konfiguration der Datenquellen MySQL ... Ausgabe zb.: in $objURLs

      // XML-Objekt instanzieren beginnt hier
      $dom = new DOMDocument('1.0','UTF-8');
      $dom->formatOutput = true; 

      $xml = $dom->appendChild($dom->createElement('urlset'));
      $xml_attr = $xml->setAttribute("xmlns","http://www.sitemaps.org/schemas/sitemap/0.9");

      // nun ist der Rahmen für die Befüllung der XML-Datei gegeben und es können nun die URLs eingetragen werden wie zb.:

      while($objURLs->next())
      {
          $url = $xml->appendChild($dom->createElement('url'));
          $loc = $url->appendChild($dom->createElement('loc'));
          $loc->appendChild($dom->createTextNode(/* hier steht die Funktion, welche die richtige URL liefert zb.:*/ getUrl($objURLs) );
          $lastmod = $url->appendChild($dom->createElement('lastmod'));
          $lastmod->appendChild($dom->createTextNode(date(DATE_W3C)));
          $changefreq = $url->appendChild($dom->createElement('changefreq'));
          $changefreq->appendChild($dom->createTextNode("daily"));
          $priority = $url->appendChild($dom->createElement('priority'));
          $priority->appendChild($dom->createTextNode("0.8"));
      }

      $xmlfile = $dom->saveXML();
      return $xmlfile;                 // Hier geben wir das fertige XML zurück.
  }

}

?>

Das Modul in Contao erstellen

Damit der Ajaxcall funkionieren kann, muss unser Modul nun im Contao-Backend erstellt werden. Bei der Erstellung des Moduls, wählen wir einen beliebigen Namen und wählen “sitemap” als Modultyp. Nach dem Speichern können wir die ID des Moduls über die Modulinfo (Fragezeichensymbol) herausfinden. Diese benötigen wir für die RewriteRule.

Die RewriteRule

Wir ergänzen nun die .htaccess Datei im Contao Wurzelverzeichnis um die folgenden Zeilen.

RewriteEngine On
RewriteBase /

# Rewrite Sitemap
RewriteRule ^sitemap.xml$ ajax.php?action=fmd&id=1&mode=generateSitemap [qsa]

Parameterbeschreibung:

• action=fmd (für den Aufruf eines Frontendmoduls)
• id=1 (die ID des Frontendmoduls)
• mode=generateSitemap (die Funktion welche im Frontendmodul aufgerufen werden soll)

Mit dieser Regel leiten wir jede Anfrage nach der /sitemap.xml Datei auf unser Ajaxscript um, welches dann ein XML formatiertes Ergebnis zurückliefert.

Nun kann diese Sitemap beispielsweise in den Google Webmastertools als XML-Sitemap eingetragen werden (siehe auch XML-Sitemaps @Google) . Ändert sich nun etwas an den Titeln in der Datenbank, so werden die Änderungen direkt beim Aufruf neu übernommen.

I write about what I’m doing!

Aber den Blog dann zu bauen, ein Theme dafür zu erstellen bzw. zu finden war für mich wohl die schwierigste Aufgabe. Für mich war immer klar, eigener Blog, eigenes Theme doch um ein Template “from Scratch” aufzubauen, dazu fehlt mir momentan die nötige Kleinzeit. Wow erster Blogeintrag, erste Wortkreation!

Doch nach vielen Anläufen habe ich mir gedacht: “wozu?” Was zählt ist der Inhalt. Daher fertiges Theme geschnappt. Meinen Anforderungen entsprechend modifiziert. Losgebloggt!

Genug geschwafelt. Themenschwerpunkt in meinem Blog wird WEB sein.

• Webentwicklung/Coding
• Usability
• Suchmaschinenoptimierung
• Suchmaschinenmarketing
• Contentbuilding
• Social Media
• und vielleicht ein bisschen Organisation und Management. Yes!

Je nach Lust und Laune wird auch einiges Offtopic dabei sein. Kritik und Lob sind natürlich immer herzlich willkommen.

Sollte sich übrigens wer fragen: “Wer ist das verdammt?” -> hier gibts mehr.

Gruß,
Markus