Evolution du Web Marketing en 1 an

Ci dessous une image qui illustre très bien l'évolution des emplacements publicitaires sur les site web ses 12 derniers mois.

Personnellement, je dirais depuis l'explosions du web2.0 (La seconde "bulle Internet").

 

web20 en image

* ADS = Publicités

Constat de base :

1) Augmentation du nombre d'emplacement.
2) Augmentation de la taille des formats (468×60) ayant quasiment disparut, afin de laisser la place au :
– Leaderboard 728×90
– Carré 250×250 / 300×250
– Un hulk 906x?? (Un Hulk => Parce que Bruce Banner…)
– OverLayer
3) Nouveau emplacement sociaux, type : "Commentaires" .

 

Conséquences de base d'un point de vue développeur / web designer (résumé):

Lors de l'élaboration d'un site web, de ça structure et de ça mise en page, on ne pense plus uniquement confort d'utilisation et du contenu.
La première étape depuis la bulle web2.0, est de penser, "emplacement publicitaire" ergonomie marketing et revenu.

Il faut savoir que les emplacements publicitaires sont réfléchit et étudié de sorte à vous inciter, vous pauvre petit internaute, à visionner un maximum de produits  en un minimum de temps tout en vous donnant une envie de cliquer sur les publicités.
Des études ont prouvés (et j'ai personnellement effectué des tests sur mes propres site web) que l'oeil et le cerveau humain navigue est visite une page toujours de la même manières.
Sachant comment votre subconscient réagis à la consultation d'une page, il est dès lors extrêmes facile d'envoyer les bonnes publicités au bon moment afin de vous donner une envie "non désirée" d'acheter un produits dont vous n'auriez absolument pas besoin.
Ce comportement est d'autant plus amplifié avec des programmes comme Google AdSense qui vous affiche du contenu publicitaire en fonction de ce que vous consultez comme page web.
Donc, de nos jours, les web designers ne mettre plus des ADS sur un site web… mais construisent le site web autour des ADS…

Conséquences de base d'un point de vue utilisateur (résumé):

L'utilisateur est agressé en permanence et peut se perdre dans le contenu.
L'utilisateur peut rapidement être fatigué par une page web et de ce fait, quitter le site en question.
Augmentation de son taux de stresse, il faut savoir que les animations ainsi que des couleurs ont un impact psychologique direct sur l'utilisateur final.
Le plus beau… si l'utilisateur est connecté via mobile ou sans forfait de connexion => surconsommation de la connexion Internet 🙂

 

Conséquences de base d'un point de technique (résumé): 

Surconsommation de bande passante.
Surconsommation de charge serveur.
Surconsommation  électrique.
Surconsommation d'emplacement rack.

Hey oui… il faut bien des centaines de millions de serveurs à travers le monde… pour vous afficher toutes ses jolies publicités 😮
(il faut savoir que cela est aussi valable pour les autres supports… TV, Radio, etc…, regardez le film : 99 .- avec Jean Dujardin…)

WordPress activation permalien (URL rewriting SEO) erreur 403 Forbinden

Il peut arriver (suivant la configuration de votre hébergeur) que lors de l'activation de de l'url rewriting (permaliens) dans WordPress que vous ayez une erreur 403.

Ceci provient du fait, que WP genère lui même le fichier .htaccess avec les droits serveur et pas forcément les droits utilisateurs.

2 solutions pour régler le problème :

1) Quand vous envoyez par FTP vos fichiers WP, ajouter un fichier vide .htaccess.

2) Si WP genère le fichier .htaccess lui (vous n'avez pas utilisé la methode (1), modifier les droits du fichier .htaccess : chmod 644 .htaccess et c'est réglé 🙂

 

 

 

Xubuntu USB bootable avec Xu810p

Xu810P est un petit outilitaire (une série de .bat en réalité) vous facilitant la réalisation d'un Xubuntu bootable sur une clef USB.

Pour les fénéants comme moi :

Prérequis : 

1) Télécharger la dernière version Xubunu sur le site d'ubuntu

2) Télécharger  XU810P sur le site de pendrivelinux.com ou la copie dispo ici.

 

Modification du .Bat propre à votre version d'Xubuntu :

1) Editer xu810.bat et remplacer  "xubuntu-8.10-desktop-i386.iso" par le nom de l'iso de la version que vous venez de télécharger.

 

Création de la clef :

1) Executer : Xu810p.exe et extraire les fichiers.

2) Copier votre ISO dans le dossier Xu810.

3) Executer xu810.bat.

4) Dans le fenêtre Dos, indiquer la lettre de lecteur de votre clef USB.
(Attention de pas vous tromper) et lancez l'extraction (ce va prendre un certain temps, ne pas s'inquiéter si cela prend plus de temps au niveau de : "filesysem.squashfs"

5) Patienter durant la copie de la partition "Casper-rw".(faire ce qui est marqué à l'écran).

5) Un Warning apparait, puis vous propose de rendre la clef bootable, appuyer sur une touche du clavier

6) Le programme nous indique que la clef est correctement bootable.

7) Vous pouvez éjecter votre clef et démarrer dessus!

 

En rapport :

EEEbuntu sur un ASUS (installation depuis une clef USB)

Pour les non fénéants :

Créer une distribution linux bootable sur une clef USB
Ubuntu USB bootabl, installation depuis une clef USB

 

 

 

Scroll Bar dans une div

La propriété "overflow", permet d'inclure une horrible scrollbar dans une div, à défaut de perdre du temps pour en faire une en DHTML 🙂

 

Dans une feuille de style (CSS) :

#scroll {
height: 235px; /* Hauteur de 235 pixel */
width: 180px;  /* Largeur de 180 pixel */
overflow: auto;
}

 

 

Div : 

<div id="scroll">

 Contenu de votre "div" 🙂

</div>

 

Propriété d'overflow :

Visible : Le contenu n'est pas coupé, mais peut dépasser de l'élément.
hidden : Le contenu sera coupé a hauteur de l'élément. Aucune scrollbar s'affichera.
scroll : Le contenu sera coupé avec l'affichage de la scrollbar en permanence.
auto : Le contenu sera coupé avec au besoin l'affichage de la scrollbar.

 

 

je sais…c'est moche, mais ça dépanne 😮

Concerver les URL pour le référencement (Migration suite au changement de nom de domaine)

Petit bout de code, fait vite fait hier soir avec Jonas suite à la migration de son blog.
L'objectif était de conserver sur son ancien domaine (host) les URL déjà référencées et qu'elles soient redirigées sur le nouveau domaine.

1: Récupération des URI :

=> Dans un fichier .Htaccess :

    RewriteEngine on
    RewriteRule (.*)$ index.php [L]

La RewriteRule permet de redirger n'importe quelle URI (/aaa/bbb/fichier.html) sur l'index.

 

2: Redirection vers le nouveau domaine

=> Index.php

<?php
$r_url=$_SERVER['REQUEST_URI'];
//$r_url=substr($r_url, 5);
$New_host="http://www.votredomaine.ch";

header("location: $New_host$r_url");exit;
?>

Explication :

$r_url=$_SERVER['REQUEST_URI'];
    => Recupère l'URI

$r_url=substr($r_url, 5);
    Permet de supprimer les 5 premiers caractères.
    Sur l'ancien domaine, les URI était sous la forme
    http://xxx.domain.tld/site/le_blog/…
    alors que sur le nouveau domaine :https://www.domaine.tld/le_blog/…
    Il fallait donc supprimer /site.

$New_host="http://www.votredomaine.ch";
    => Le nouveau domaine

header("location: $New_host$r_url");exit;
    => On redirige

Attention, cette methode fonctionne à condition que les URL soient identiques des deux cotés (ancien et nouveau domaine).

Détecter / trouver une liste de mots interdits (bani) dans une chaine (de caractères) en php

Petite fonction « vite faite » permettant de détecter dans une chaîne de caractères, si un ou des mots bannis y figurent.

Dans la pratique, cela servirait en bloquer une action en cas de mots injurieux.

La fonction:

<?php
function IsBLWord($string)
    {
        //LISTE DES MOTS A TROUVER
        $badword=array("CONNARD","ENCULE");

        $i = 0; //initialisation du compteur
        $Cbadword=count($badword);
            while ($i <= $Cbadword-1) {
                if (preg_match("/b$badword[$i]b/i", $string))
                    {
                        $i=$Cbadword; //un des mots a été trouvé, on stop la boucle
                        $finded="1";  //on indique qu'un mot a été trouvé
                    }
                else
                    {
                        $finded="0";    //on indique qu'aucun mot a été trouvé
                    }
                
                $i++;
            }

        if($finded=="1")
            {RETURN true;} //on mot été trouvé, on retourne true
        else
            {RETURN false;} //aucun mot a été trouvé, on retourne false
    }
?>

Utilisation :

<?php
$txt="Le voila le connard du quartier";

if(IsBLWord($txt)==TRUE)
     {
          exit; //on bloque l'action car le terme "connard" figure dans la chaine.

    }

 

?>

 

Il y a certainement moyen d'optimiser cela… ou utiliser une autre regex.
mais celle-ci fonctionne très bien pour mon utilisation 🙂

UPDATE : La fonction PHP strpos() peut être utilisée si l'on veut détecter qu'un mot.

Format users (utilisateurs) dans Lifetype 1.2, Autorisé les –

Lifetype n'autorise que les caractères de A à Z et les chiffres de 0 à 9.
Il est bien, égalment, d'autoriser les utilisateurs avec des ".", des "_" ou des "-".

Modification:

Dans : class/data/validator/usernamevalidator.class.php

Ligne 10 :     define( "ONLY_ALPHANUMERIC_REGEXP", "^([a-z0-9]*)$" );

=>

    define( "ONLY_ALPHANUMERIC_REGEXP", "^([-_.a-z0-9]*)$" );