Envoyer des informations à google analytics de flash avec getURL ou ExternalInterface

Flash et Google AnalitycsLosqu’on a un site internet c’est toujours bien de savoir ce que font les internautes lors de leurs visites. Problème : un site en flash ne permet pas facilement de récupérer ces infos. j’entends déjà les détracteurs de flash : « …de toute façon flash c’est pourri, on peut rien faire avec, ca ne sert que pour les jeux, la musique, la vidéo (PLus pour longtemps :html 5)  et la pub !!! …. »

mmmm

Ok,  Bon ! Je disais donc , grâce à l’outil gratuit et très performant de google vous allez pouvoir récupérer les statistiques de votre site au clic et je dirais même au mouvement de la souris près.

Avant de commencer placez le code donné par google avant la balise </body>.

&lt;script type="text/javascript"&gt;
var gaJsHost = (("https:" == document.location.protocol) ? "<a href="https://ssl">https://ssl</a>." : "<a href="http://www">http://www</a>.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
var pageTracker = _gat._getTracker("UA-xxxxxx-x");
pageTracker._initData();
pageTracker._trackPageview();
&lt;/script&gt;

Passons maintenant à l’envoi des informations. Pour cela vous avez le choix :

Soit en utilisant « getURL »

C’est le code donné par google :

 monBouton.onRelease = function ():Void  {
       getURL("javascript:pageTracker._trackPageview("/medias/video/flash.html/");");
// vos actions
}

Soit en utilisant « ExternalInterface »

import flash.external.ExternalInterface;
 
/* sur une timeline */
function statGoogle(page:String) {
    //ancien code Google Analytics
   ExternalInterface.call("urchinTracker('/urchin/IntegrateGoogleAnalytics/"+page+"')");
      //Nouveau code Google Analytics
    ExternalInterface.call("pageTracker._trackPageview('/pageTracker/IntegrateGoogleAnalytics/"+action+"')");
   }
 
/* et maintenant pour l'utiliser */
 
monBouton.onRelease = function () {
 
statGoogle("/medias/video/flash.html/");
 
}

Enfin pour bien faire les choses, ajoutez cet  appel à swfadress, qui permet de naviguer dans un site flash en utilisant le refresh (f5), le bouton retour, une adresse url etc…

Et ca c’est pour bientôt.

+++

La Classe BitmapData – Image background fullscreen qui se redimensionne proportionellement avec le filtre Smooth

fullscreen-bitmapAprès ce titre très SEO friendly, voici une manière d’avoir en background, comme sur certains sites, une image qui prend toujours tout l’espace et qui n’est pas pixelisée ni trop « abimée » par le redimensionnement.

Les images sont de grande taille mais vous pouvez tester avec des images plus petites pour voir ce que cela donne.

Le code permettant de redimensionner en appliquant le smoothing provient de ce site.
Modifiez la taille de votre navigateur pour voir le script en action.
Cliquez pour changer d’image.

L’exemple
Le FLA

et zou le code ci dessous :

Continuer la lecture de « La Classe BitmapData – Image background fullscreen qui se redimensionne proportionellement avec le filtre Smooth »

La Classe BitmapData – un background avec un motif répété et chargement d’images

Ce post est très long car il y a plusieurs exemples. Même si il n’est pas très compliqué, j’espère que sa longueur ne va pas le rendre trop indigeste ou incompréhensible…

Le but : créer comme en css un fond avec un motif répété.  Comme le code ci-dessous :

L’exemple (contenant les exemples à venir…)
Continuer la lecture de « La Classe BitmapData – un background avec un motif répété et chargement d’images »

La Classe BitmapData – Charger une image externe en faire un instantané et effacer l’image chargée dont nous n’avons plus besoin

afficherimagebitmapdataLa  class BitmapData vous permet de travailler avec les data (pixels) de votre image. Elle permet de représenter un objet bitmapData en mémoire. Lorsque vous créez une nouvelle instance de la class , une image vide  est stockée en mémoire. Vous pourrez ensuite manipuler ces  instances avec divers méthodes de la class bitmapData. La class bitmapData est située dans le package flash.display.

Dans l’exemple donné, cliquez sur l’image pour ajouter un effet biseau.

L’exemple
Continuer la lecture de « La Classe BitmapData – Charger une image externe en faire un instantané et effacer l’image chargée dont nous n’avons plus besoin »

Afficher masquer une image au dessus d’un flash

Il y a quelques jours on m’a demandé comment faire en sorte d’afficher une image par dessus un flash et qu’au clic sur l’image, le flash apparaisse… et ceci le plus simplement possible : juste du javascript pas de jquery.

Je pense que cela peut avoir un intérêt si vous avez par exemple une vidéo sur dailymotion et que vous souhaitez mettre une image d’accroche par dessus. Sinon si vous avez le flash, ça n’a vraiment aucun intérêt : vous pouvez le faire via flash et c’est plus simple.

Et l’exemple est par la.

Et voilà le code ci-dessous.

Continuer la lecture de « Afficher masquer une image au dessus d’un flash »

Personnalisation du menu contextuel de Flash avec ContextMenu.

Le menu contextuel (clic droit) est très pratique mais avec flash, lorsque vous cliquez droit, ce qui apparait n’est pas vraiment ce qui nous intéresse…
Pour palier ce problème, Adobe (macromedia) a créé la classe ContextMenu.

Alors que peut-on insérer dans ce menu contextuel ? A peu près tout. En ce qui nous concerne, on va

  • afficher des liens
  • ouvrir un lien dans une nouvelle fenêtre
  • lancer une ou plusieurs fonctions

Exemple

Allez c’est parti.

Continuer la lecture de « Personnalisation du menu contextuel de Flash avec ContextMenu. »

La vidéo avec NetStream et FlashVars : contrôler votre player en passant des variables via html

La dernière fois j’avais utilisé flvplayback pour lire une vidéo, mais pour ceux qui ne veulent pas lire une vidéo avec un composant voici la classe netStream. En ce qui concerne la modification des informations envoyées au player vidéo (sans avoir besoin de modifier la source), nous allons utiliser FlashVars.

Continuer la lecture de « La vidéo avec NetStream et FlashVars : contrôler votre player en passant des variables via html »

Les tableaux en actionscript 2

Le prochain post parle de la façon de loader une vidéo différente, à chaque chargement de page. Les vidéos sont stockées dans un tableau, c’est pourquoi je vous présente ici, de façon succinte, les tableaux en as.
On peut avoir besoin, certaines fois, d’associer plusieurs valeurs à d’autres valeurs. Par exemple une petite playlist de vidéos qui se trouveraient sur des sites comme youtube ou dailymotion par exemple.

Télécharger le fla

Continuer la lecture de « Les tableaux en actionscript 2 »

Les raccourcis clavier flash action script

Parce qu’on a toujours besoin d’aller plus vite.
Pour les mac user remplacer Ctrl par cmd

Quelques raccourcis clavier en rapport avec l’interface à connaitre

Ctrl + N -> Créer un nouveau document
Ctrl + O -> Ouvrir un document
Ctrl + Maj + O -> Ouvrir dans la bibliothèque
Ctrl + W -> Fermer le document
Ctrl + S -> Enregistrer le document
Ctrl + Maj + S -> Enregistrer sous

Ctrl + Alt + A -> Sélectionner tous les cadre

Ctrl + Alt + C -> Copier un cadre
Ctrl + Alt + V -> Coller un cadre
Ctrl + Alt + X -> Couper un cadre

Ctrl +Maj + V -> Coller en place

Alt + Précédent -> Vider un cadre

Ctrl + R -> Importer sur la scène

Ctrl + Z -> Annuler
Ctrl + Y -> Rétablir

Ctrl + Q -> Quitter

Ctrl + Alt + Maj + S -> Exporter l’animation
Ctrl + Enter -> Apercu de l’animation (export du swf en même)

F4 -> Cacher les panneaux
F5 -> Ajouter un cadre
Maj + F5 -> Enlever un cadre
F8 -> Convertir en symbole
Ctrl + F8 -> Nouveau Symbole

Ctrl + Maj + molette -> Zoom
Ctrl + molette -> Frame de fin frame de debut
Maj + molette -> Faire défiler les frames une à une

Ctrl + Maj + D -> répartir les divers éléments sélectionnés vers des calques distincts

Quelques raccourcis clavier en rapport avec l’action script

esc + st -> stop();

esc + on -> on () {}

esc + tr -> trace();

esc + if -> if () {}

esc + do -> do {} while ();

esc + sw -> switch () {}

esc + fr -> for () {}

esc + ca -> call ();

esc + in -> #include «  »

esc + pr -> print();

 

+++