donderdag 17 januari 2013

Chrome is fancy - Firefox is snel



Twee weken vreemdgegaan met Chrome

Ik ben al enkele jaren serieuse fan van Firefox, nu heb ik me twee weken toch laten verleiden om volledig over te schakelen op de Chrome browser van Google.

Ik was namelijk verleid door een aantal echt leuke en fancy mogelijkheden die in Chrome zitten.
  • Als je een google account hebt en daarmee aanmeld in de Chrome zelf gebeurt er iets heel handigs. Ik werk namelijk continue op 2 verschillende computers en als ik een handige instelling of website gevonden heb moet ik dit vrijwel altijd dubbel doen op de twee pc's. Ook wachtwoorden worden niet opgeslagen op beide pc's. Met google chrome kan je je instellingen, bookmarks, geschiedenis etc op alle toestellen (dus ook tablets etc) "hergebruiken" door in te loggen.
  • Google Chrome heeft een zeer fancy en handige web developper tool. In firefox gebruik ik Firebug maar op Chrome werkt alles toch net iets mooier, handiger, etc. Dit toonde voor mij een zeer grote meerwaarde.
 Na een tijdje begon ik toch enkele  zaken te missen in Chrome

Minder addons

Voor Chrome kan je ook verschillende addons downloaden en installeren. Enkele van mijn favoriete addons zijn zelfs standaard features in Chrome (zoals mouse gestures, web developper tools, ...) maar voor sommige zaken merkte ik dat de Firebox community die addons en plugins uitbrengt toch groter en uitgebreider is. 

Niet teveel tabs open doen

Ik ben een Tabbladen-vreter, ik heb gemiddeld tussen de 30 en 40 tabbladen openstaan in Firefox en ik zag dat ik niet hetzelfde kon doen in Chrome. Ik merkte namelijk dat naarmate ik meer tabs opende de browser en de computer in het algemeen trager en trager werd. In de taakbeheer zag ik dat Firefox eigenlijk alles in 1 proces zet en dat Chrome voor elk tabblad een nieuw proces start. Dit werd zo aangepakt zodat als er een website crashte, er enkel 1 tabblad crashte en niet de gehele browser zodat je andere tabbladen blijven werken.

Chrome processen groeien continue qua geheugen 

Ik probeerde mezelf te dwingen om maximum met 10 tabbladen te werken, maar ik merkte dat de processen van Chrome elke dag meer en meer geheugen begonnen te vragen (mijn pc's staan dag en nacht altijd open) . Daarnaast gebeurde het geregeld dat er tabbladen crashte, die uiteindelijk de druppel voor mij waren. 

Zoeken in Google ipv geschiedenis

Daarnaast merkte ik dat Firefox op een veel  handigere manier zijn geschiedenis kan doorzoeken. Vanaf dat je iets in de URL intypt geeft Chrome altijd voorkeur aan Google resultaten. In Firefox is je geschiedenis van bezochte websites een pak belangrijker dan wat Google kan vinden. In sommige gevallen doet Chrome zelfs geen moeite om via een locale DNS iets te resolven maar enkel in google te zoeken. Echt niet handig !

Besluit: Chrome is fancy - Firefox is snel


Chrome is fancy, gelikt en bevat leuke features die mijn online werk handiger zouden maken, maar is niet opgezet tegen een groot-gebruiker en kan ik persoonlijk niet als voldoende "stabiel" beschouwen. Dat mijn pc trager wordt en Chrome traag reageert, is 1 ding, vastlopen en crash meldingen tonen is totaal iets anders.

Nu ik deze conclusies voor mezelf heb gemaakt en terug op Firefox aan het werken ben, kan ik mss die leukste features van Chrome ook op mijn Firefox installeren. 
  • Alle je Firefox instellingen synchroniseren tussen verschillende computers is blijkbaar ook een standaard mogelijkheid. Dit heb ik zonet ontdekt op deze pagina en het werkt nog ook ! Een extra bladwijzer op de ene computer ? Paf , een minuut later ook beschikbaar op je andere computer, super ...
  • Ik heb daarnaast ook nog een leuke theme geïnstalleerd en het valt met op : Firefox kan je niet kloppen qua snelheid en is super stabiel op mijn pc

zaterdag 12 januari 2013

Verkopen registreren in Google Analytics

Ik heb me de laatste weken hard vermaakt met Google Analytics en meer bepaald de Ecommerce module.

Het is namelijk mogelijk om naast je bezoekers aantallen ook aan Analytics te laten weten dat er een 'verkoop' heeft plaats gehad. Het leuke eraan is dat je kan gaan bepalen hoeveel die verkoop je waard is of heeft opgebracht.
Nadien kan je dan gaan zien hoeveel bezoekers van je website iets kopen en hoeveel je de laatste maand hebt "verdiend".
Als een website bezoeker iets koopt, wordt een virtuele bezoeker omgezet naar fysiek geld, dit heet "een conversie" in Analytics.

Als je een conversie van 2% hebt, zal dus 2 van de 100 website bezoekers ook effectief overgaan tot een aankoop.

Hoe heb ik dit opgezet in een Drupal Webform

We gebruiken een Drupal website met de Webform module. Ik ga er vanuit dat je al Google Analytics account  hebt en dat deze ook geladen wordt doorheen heel je website.

Voorbeeld:
In de webform module kan je numerieke velden maken waarbij de klant een gewenst aantal ingeeft.
Afhankelijk van een meerkeuze veld (bolletjes) ofzo kan je bepalen welk artikel men bv wil, hier hangen we dan later een prijs aan vast.

Gewenst artikel :
o Artikel 1
o Artikel 2

Gewenst aantal:
         25

In de Webform module kan je een soort bevestigingsbericht geven.
In dit bericht gaan we daarnaast ook PHP code uitvoeren, die op de achtergrond via Javascript de nodige gegevens doorstuurt naar de Google Analytics server.



<?php

/* Via de URL parameters gaan we de opgegeven velden ophalen van de webform */
$nid = arg(1);
$sid = $_GET['sid'];
include_once(drupal_get_path('module', 'webform') .'/webform_submissions.inc');
$submission = webform_get_submission($nid, $sid);

/*echo print_r($submission); De array tonen*/

echo "Bedankt voor je aanvraag. Wij contacteren u zo snel mogelijk met een bevestiging van uw reservatie";

$account="UA-XXXX-X"; /* Analytics account */
$domain="www.domeinnaam.be";
$page=$_SERVER['REQUEST_URI'];
$source="Websitenaam";
$medium="Reservatie";
$campaign="Reservatie_websitenaam";

$orderid =  $_GET["sid"];  /*node van webform gebruiken als order id*/
$artikelnaam = $submission->data[1]['value'][0];
$artikel_categorie = $submission->data[20]['value'][0]; /*Indien dit zinvol is*/
$artikel_categorie2 = $submission->data[24]['value'][0]; /*Indien dit zinvol is*/

$aantal_artikels = intval($submission->data[2]['value'][0]);

if ($artikelnaam== "artikel1") {
$prijs = 5;}
if ($artikelnaam== "artikel2") {
$prijs = 15;}

$ordertotal = $aantal_artikels * $prijs ;

?>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', '<?echo $account;?>']);
  _gaq.push(['_trackPageview','<?echo $page."&utm_source=".$domain."&utm_medium=".$medium."&utm_campaign=".$campaign?>']);
  _gaq.push(['_addTrans',
    '<?echo $orderid;?>',           // transaction ID - required
    '<?echo $artikel_categorie ;?>',  // affiliation or store name
    '<?echo $ordertotal;?>',          // total - required
    '0',           // tax
    '0',              // shipping
    '',       // city
    '',     // state or province
    ''             // country
  ]);

  // add item might be called for every item in the shopping cart
  // where your ecommerce engine loops through each item in the cart and
  // prints out _addItem for each

  _gaq.push(['_addItem',
    '<?echo $orderid;?>',           // transaction ID - required
    '<?echo $artikelnaam ;?>',           // SKU/code - required
    '<?echo $artikel_categorie ;?>',        // product name
    '<?echo $artikel_categorie2;?>',   // category or variation
    '<?echo ($prijs);?>',          // unit price - required
    '<?echo $aantal_artikels ;?>'               // quantity - required
  ]);

  _gaq.push(['_trackTrans']); //submits transaction to the Analytics servers

(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    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>

De Javascript van Google voegt  eigenlijk <img src="...utm.gif"> aan je website toe. Via allerhande parameters worden al je gegevens doorgestuurd. Via webbuilder tooltjes kan je makkelijk opvolgen welke parameters er allemaal gebruikt worden. Voor meer gedetailleerde info over deze tracking gif, is : https://developers.google.com/analytics/resources/articles/gaTrackingTroubleshooting

Dit uitgewerkt voorbeeld vind je ook terug op
https://developers.google.com/analytics/devguides/collection/gajs/gaTrackingEcommerce?hl=nl