Sommaire des tutoriels pour marketing

De Analyse Développement Hacking
Sauter à la navigation Sauter à la recherche
Naviguer dans ce wiki : Accueil du wiki - Objectifs - Administrateur - Développeur - Intégrateur - Jeux - Marketing - Multimédia - Objets numériques - We make Hack
Consulter le site : Accueil du site - Annuaire - Blog - Forum - Outils - Utilisateur     Consulter le Redmine : Accueil du Redmine

Sommaire des tutoriels pour marketing

Gestion de projet

https://www.youtube.com/results?search_query=management+projet&aq=f

Marketing, Référencement, Rentabiliser, SEO

Référencement

Le Lundi 3 septembre 2001, 'Nomade' a lancé ses deux premières offres de référencement payant.
Depuis la fin de l'année 2001, la plupart des acteurs de l'internet ont franchis le pas pour le référencement payant, seul modèle économique rentable.
Depuis 2009, avec l'arrivée de la Blockchain, du Bitcoin et de nouveaux Altcoins, de nouveaux modèles sont proposés qui utilisent les monnaies numériques.
Référencement - Liste des moteurs de recherche.
Référencement - Scripts automatiques.
Google Adwords permet d'acheter des mots clés pour diffuser des annonces ciblées.
https://adwords.google.com
https://ads.google.com

Commerce

Gestion de la relation client depuis Wikipédia : https://fr.wikipedia.org/wiki/Gestion_de_la_relation_client

Autres logiciels pour la gestion de la relation client

Le marché de la GRC. La GRC a connu un grand engouement à la fin des années 1990 et les entreprises proposant des outils permettant la mise en œuvre de ce concept ont connu une croissance exponentielle. On recense aujourd'hui (2006) en France et au Québec près de 200 progiciels de CRM disponibles pour les petites et moyennes entreprises ou les grandes entreprises.

GRC sous licence libre

Un certain nombre de GRC sous licence libre (Logiciel libre) existent, qui permettent une indépendance vis à vis du prestataire technique, une réduction des coûts, une adaptation plus poussée qu'avec un GRC sous licence propriétaire grâce à l'accès au Code source.
Dolibarr est un PGI avec des fonctionnalités de GRC, adapté pour des petites structures ; 
vtiger CRM un GRC complet, entièrement sous licence libre, contrairement à Sugar CRM, dont il dérive à l'origine ; 
SugarCRM une version basique sous licence libre, les fonctionnalités avancées sont payantes. 
Taika CRM offre aux entreprises un système de travail souple et efficace ; 

GRC sous licence propriétaire

Acomba GRC, GRC Acomba, pour les PME, un outil de gestion des communications aidant à cibler les activités de vente et à améliorer le service à la clientèle.; 
AbsysTech Nebula, solution On-Demand modulaire : CRM, Géo-localisation, Gestion commerciale, Statistiques graphiques...; 
ACT! ; 
ApiCRM de Melodie International Developpement ; 
B2C Consulting solutions pour le commerce de détail indépendant, conseil, gestion de carte de fidélité, mailing ; 
BooStore CRM de CISS logiciel pour le commerce de proximité et le suivi des cartes de fidélité ; 
ClientFidelity CRM de la société TouchMind SA ; 
CRM CAS genesisWorld CRM pour les PME ; 
Clarify ; 
Clavardon, outil de support en ligne ; 
Coheris CRM  ; 
E-business Partners, E-business CRM solution avec une approche transversale et par processus métiers BPM ; 
E-DEAL CRM avec E-DEAL CRM, suite logicielle de Gestion de la Relation Client ; 
E.piphany, racheté par l'éditeur d'ERP SSA Global ; 
Eudoweb qui édite des logiciels de gestion de contacts multiadresses et de gestion de campagne marketing multicanal Eudonet CRM, lancé en 2000 ; 
Goldmine édité par Frontrange ; 
GRAPHTEC.CRM, Solution de GRC et de devis basée sur MS ACCESS; 
INES, solution On-Demand ; 
Infocob ; 
Kronos Web CRM spécialisé pour le marché de la finance et de l'assurance; 
Maximizer Enterprise 9, solution CRM (Ventes, Marketing et Service client) ; 
Microsoft Dynamics CRM v3.0 ; 
NextApplication rachat d'eLink en 2004, une solution GRC en ASP ; 
Nëlis Selfcare Solution de services Clients en ligne sous licence ASP orientée travail collaboratif et gestion de la connaissance ; 
Neocase10 de Neocase software, spécialisé dans les services clients collaboratifs avec portail Selfservice et base de connaissance ; 
NOTEA, solution pour les PME, PMI et prestataires de services ; 
PAMO pour les TPE : prospection permanente, mailing, emailing, faxing, phoning, face à face pour le suivi des affaires et des vendeurs ; 
PeopleSoft racheté en 2004 par Oracle ; 
PIVOTAL logiciel appartenant à CDC Software ; 
Productevo.com vente on-demand ; 
Prospective, CRM et gestion de contacts ; 
reSource, solution CRM (ventes, marketing & commercial) mais aussi service clients. Technologie ASP. 
Sage, avec son offre Act! by Sage, Sagecrm.com et Sage Saleslogix ; 
SalesForce, lancé en 1999, exclusivement on demand ; 
SAP version classique et version « à la demande » ; 
Saratoga Systems ; 
Selligent, suite complète et intégrée (Selligent X@) ; 
Siebel (avec CRM On Demand), racheté début 2006 par Oracle ; 
Statigest, logiciels de ETMS dans le domaine de la grande distribution ; 
Terrasoft CRM traduit et distribué en France par Voosoft ; 
Tesuji CRM de la société Tesuji Soft ; 
Tustena CRM ;
Source wikimedia de 2004/2005. Certain projets n'existent plus, ou, ont fusionné entre temps.
Nous sommes en 2018. (...)

Presse

Pour vous aider à démêler le vrai du faux, Libération lance CheckNews, un nouveau type de moteur de recherche géré par les journalistes de Désintox.
Posez vos questions, ils prendront le temps d'enquêter avant de vous répondre.
https://liberation.checknews.fr

Rentabiliser

Google Adsense.
Rédiger des articles sur steemit : https://steemit.com/@visionduweb

Affiliation

Les risques

Les risques pour un annonceur
Oublier d'éditer des règles strictes qui limitent ce que l'affilié pourra ou ne pourra pas faire.
Oublier de protéger l'image de marque de l'entreprise qui pratique l'affiliation. Certains sites qui présentent des annonces publicitaires ne sont pas forcément toujours de très bonne qualité.
Oublier de prévoir avec la plateforme d'affiliation un budget maximum par campagne.
Les risques pour un annonceur
La non validation des ventes ou des leads.
Le délai de paiement est un facteur de confiance à ne pas négliger. Certaines plates-formes bloquent le paiement aux affiliés tant que l'annonceur n'a pas payé de son côté.
Exemple de rémunération
Par clic (Un montant fixe versé pour chaque visiteur apporté sur votre boutique ici 0,10 €)
Par commande (Un montant fixe versé pour chaque boutique ici 1,5 €)
Par commande (un pourcentage versé sur chaque boutique ici 12 %)
Exemples de CGU pour la validation d'une commande
Source Eyrolles : https://www.eyrolles.com/Accueil/Aide/Commande/confirmation.html

Régie publicitaire

Google est certainement la plus connue aujourd'hui.
Rubiconproject est également une Régie publicitaire renommée : https://resources.rubiconproject.com/

Solutions de paiements en ligne pour un site internet

Paypal : www.paypal.com
Pour rendre un contenu ou un script payant, utiliser l'API de paypal.
API Paypal : developer.paypal.com/docs/api/overview/
Intégrer un système de paiement sur son site : www.paypal.com/fr/webapps/mpp/standard
Free-pay : free-pay.com
Stripe : stripe.com
Payplug : www2.payplug.com
Hipay : hipay.com
Cartes prépayées.

Monnaies numériques

Offrir la possibilité à ses visiteurs de miner de la monnaie numérique en tant que donation au site web peut être l'un des moyens pour rentabiliser son site internet.
Miner des Bitcoins.
Miner de la monnaie numérique Monero avec coinhive pour surfer sans publicité sur un site.
Monnaie Libre.
KarmaToken : www. karmatoken . net

Réseaux sociaux

Partage de Flux RSS.

Utiliser les salons de discussions DiscordApp

DiscordApp.

Utiliser Facebook

Facebook.

Utiliser Google plus

Intégrer le badge de Google plus sur son site, et, le rendre responsive.
On crée autant de badges que de résolution possibles pour le template.

Badge-googleplus.png

<div id="google-badge-desktop" style="width: 100%" class="badge-gplus-desktop">
 <!-- Une balise pour la taille de base. -->
 <div class="g-page" data-href="//plus.google.com/u/0/107319662328343705294" data-theme="dark" data-showtagline="false" data-showcoverphoto="false" data-rel="publisher"></div>
 </div>

 <div id="google-badge-tablets-portrait" style="width: 100%" class="badge-gplus-tablets-portrait">
 <!-- Une balise pour les tablettes portrait. -->
 <div class="g-page" data-width="236" data-href="//plus.google.com/u/0/107319662328343705294" data-theme="dark" data-showtagline="false" data-showcoverphoto="false" data-rel="publisher"></div>
 </div>
 
 <div id="google-badge-mobiles-landscape" style="width: 100%" class="badge-gplus-mobiles-landscape">
 <!-- Une balise pour les mobiles paysage. -->
 <div class="g-page" data-href="//plus.google.com/u/0/107319662328343705294" data-theme="dark" data-showtagline="false" data-showcoverphoto="false" data-rel="publisher"></div>
 </div>

 <div id="google-badge-mobiles-portrait" style="width: 100%" class="badge-gplus-mobiles-portrait">
 <!-- Une balise pour les mobiles portrait. -->
 <div class="g-page" data-href="//plus.google.com/u/0/107319662328343705294" data-theme="dark" data-layout="landscape" data-showtagline="false" data-showcoverphoto="false" data-rel="publisher"></div>
 </div>

 <div id="google-badge-script" style="width: 100%">
 <!-- Placez cette ballise après la dernière balise widget. -->
 <script type="text/javascript">
  window.___gcfg = {lang: 'fr'};
 
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
 </script>
 </div>
Ajouter dans la feuille de style :
/* #Base 960 Grid
 ================================================== */
 	/* Badges G+*/
 	.badge-gplus-desktop				{ display: inline; }
 	.badge-gplus-tablets-portrait		{ display: none; }
 	.badge-gplus-mobiles-landscape		{ display: none; }
 	.badge-gplus-mobiles-portrait		{ display: none; }
 
 /* #Tablet (Portrait)
 ================================================== */
    /* Note: Design for a width of 768px */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
 	/* Badges G+*/
 		.badge-gplus-desktop				{ display: none; }
 		.badge-gplus-tablets-portrait		{ display: inline; }
 		.badge-gplus-mobiles-landscape		{ display: none; }
 		.badge-gplus-mobiles-portrait		{ display: none; }
    }
 
 /*  #Mobile (Portrait)
 ================================================== */
    /* Note: Design for a width of 320px */
    @media only screen and (max-width: 767px) {
 	/* Badges G+*/
 		.badge-gplus-desktop				{ display: none; }
 		.badge-gplus-tablets-portrait		{ display: none; }
 		.badge-gplus-mobiles-landscape		{ display: none; }
 		.badge-gplus-mobiles-portrait		{ display: inline; }
    }
 
 /* #Mobile (Landscape)
 ================================================== */
    /* Note: Design for a width of 480px */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
 	/* Badges G+*/
 		.badge-gplus-desktop				{ display: none; }
 		.badge-gplus-tablets-portrait		{ display: none; }
 		.badge-gplus-mobiles-landscape		{ display: inline; }
 		.badge-gplus-mobiles-portrait		{ display: none; }
    }
Solution équivalente.
Le code HTML et Javascript :
<div class="google-desktop">
 <div data-href="https://plus.google.com/ID" data-width="180" data-rel="author" data-layout="portrait" ></div>
 </div>
 
 <div class="google-tablet">
 <div data-href="https://plus.google.com/ID" data-width="430" data-rel="author" data-layout="portrait" ></div>
 </div>
 
 <div class="google-movil">
 <div data-href="https://plus.google.com/ID" data-width="270" data-rel="author" data-layout="portrait" ></div>
 </div>
 
 <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
La feuille de style css :
.google-desktop {display:block;}
 .google-movil, .google-tablet {display:none;}
 
 @media only screen and (max-width: 479px) {
 .google-tablet {display:block;}
 .google-desktop, .google-movil {display:none;}
 }
 
 @media only screen and (max-width: 320px) {
 .google-movil {display:block;}
 .google-desktop, .google-tablet {display:none;}
 }
Finalement, je ne vais pas utiliser le badge, mais, simplement le lien de Google Plus.

Ressources

Simple proposition d'afficher un layout portrait à la place du layout landscape. Seulement, j'aimerais garder l'affichage en panoramique.
stackoverflow.com/questions/14247643/how-do-i-make-the-google-plus-badge-responsive
Le tutoriel simple et efficace de Tom qui apporte la réponse au problème du badge Google Plus pour qu'il s'adapte à la taille du contenu, en mode portrait.
Il est donc possible de paramétrer le comportement du layout (portrait ou landscape) en fonction de la taille écran.
tom13c.com/programmation/integrer-badge-google-responsive-site-web
Même concept que Tom qui apporte la réponse au problème du badge Google Plus pour qu'il s'adapte à la taille du contenu, en mode portrait.
damasogonzalez.com/como-hacer-responsive-tu-badge-de-google-plus-con-css
En conclusion, oui, il est possible de mettre en place un affichage responsive pour le badge Google Plus, mais, il n'est pas possible de faire en sorte qu'un affichage landscape s'adapte à la dimension de son  espace automatiquement. Il faudra passer par la classe portrait, ou, utiliser une image personnalisée et un lien vers Google Plus.

SEO

Accueil SEO.

Les 60 points à vérifier pour mettre son site en production

Contenu

1.Le contenu est cohérent, pertinent et exact.
2.Grammaire, syntaxe et orthographe.
3.Le nombre de paragraphes par page est limité et les phrases sont courtes.
4.Les images et les infographies sont pertinentes et impactantes.
5.Les mentions légales sont détaillées.
6.Les droits d’auteur sont respectés et mentionnés.
7.Le copyright est présent dans le pied de page.
8.Le contrat avec un éventuel prestataire garantit l'utilisation de son œuvre.
9.La déclaration CNIL est envoyée.
10.Les contenus de test sont masqués ou supprimés.
11.Le contenu est validé par les décideurs.

Mise en page et navigation

12.L’ensemble est lisible et attractif.
13.Le contraste coloriel est suffisant.
14.Les styles sont uniformes sur toutes les pages du site.
15.Les contenus sont bien hiérarchisés.
16.La logique de navigation est uniforme sur tout le site.
17.Le nombre de liens par page est limité.
18.Les liens ou les espaces cliquables sont facilement identifiables.
19.Un lien sur le logo renvoie vers la page d’accueil.
20.Un fil d’Ariane est présent.
21.Un plan du site et un moteur de recherche sont disponibles sur chaque page.

Fonctionnel

22.Un moyen de contact est accessible depuis chaque page.
23.Les formulaires de contact sont simples et fonctionnels (vérification anti-spam, réponses automatiques, version texte/html).
24.Le formulaire de recherche est efficace et les résultats sont pertinents.
25.Le site reste lisible ou propose une solution pour une navigation sans javascript ou sans plug-ins (Flash, autres).
26.Le temps de chargement des pages est optimisé.
27.Le site est accessible aux mal-voyants.
28.Le site est conforme aux standards du W3C (validation html, javascript, css).
29.Le site est compatible avec les différents navigateurs et systèmes d’exploitation.
30.Le site s’affiche correctement selon les résolutions d’écran.
31.Les pages s’impriment correctement (style CSS spécifique).
32.La page d’erreur 404 est personnalisée.

Technique

33.Le plan de sauvegarde est déjà testé.
34.Les fichiers CSS/Javascript sont externalisés et optimisés.
35.La taille des images et autres fichiers est optimisée.
36.Une redirection est assurée pour les anciens liens en cas de refonte de site ou de changement de nom de domaine.
37.Les pages d’administration du site sont protégées.
38.Un monitoring alerte en cas de défaillance.
39.Les tests de charge ont été effectués.
40.Une gestion du cache est mise en place.
41.La redirection des pages dupliquées est assurée (monsite.com et monsite.com/index.html => www.monsite.com).

Marketing/Communication

42.Le principal message de la marque est compréhensible dès la page d’accueil et dans l’idéal sur tout le site.
43.Les noms des pages et des répertoires sont pertinents.
44.Les balises Title et Description sont pertinentes.
45.Le marquage sémantique et hiérarchique (H1, H2, strong…) est pertinent.
46.Les mots clés dans le contenu sont pertinents et situés en tête des pages.
47.Les liens sont faits sur des mots ou des définitions ayant un sens.
48.Un fichier sitemap.xml est prêt et publié.
49.Un fichier robots.txt est prêt et publié.
50.Des liens intra-site sont faits (liens de pages du site vers d’autres pages du site).
51.Un favicon est créé et ajouté.
52.La soumission aux moteurs de recherche est prête.
53. Google Webmaster Tools et Yahoo ! Site Explorer sont configurés.
54.L’outil statistique (Google Analytics ou équivalents) est configuré.
55.FeedBurner pour les flux RSS est configuré.
56.Le site est prêt à s’intégrer dans l’éco-système web de la marque (autres sites, medias sociaux).
57.Le plan média est prêt.
58.Le plan de RP online est prêt.
59.Une preview a été faite au groupe projet.
60.Un message d’information interne est prêt.

Traduire son site

Google traducteur : https://translate.google.fr
DeepL Pro : https://www.deepl.com/pro.html

Valoriser son site

Estimer la valeur de son site avec les outils suivants, par exemple :
https://www.yourwebsitevalue.com
http://www.sitevaluecheck.com

Veille

Google Sheets

Il est intéressant de développer ses propres fonctions pour Google Sheets avec GScript, le langage de programmation de Google.
Ce langage quasi-jumeau de Javascript permettra de développer des API et des applications pour Google Sheets, Google Drive, Google Doc, Gmail, ..., à la manière des macros sur Excel. 
Ko.png Site officiel : https://www.google.com/sheets
Ko.png Exemple pour collecter les données d'un site en 30 secondes avec Google Sheets : http://blog.cremedelacreme.io/2017/05/04/digital-collecter-donnees-tips/

Bibliographie

Ok.png Ressources pédagogiques et expertise professionnelle sur le marketing, la publicité et la communication multicanale : https://www.mercator-publicitor.fr
Ok.png Source : https://choblab.com/gestion-projets/60-points-a-verifier-avant-de-mettre-en-ligne-votre-site-web-1691.html
Ok.png Télécharger Web Extractor pour Windows : http://www.webextractor.com/download.htm
Ok.png MarketAcademy : https://www.youtube.com/marketacademy#!

NAVIGATION

PARTICIPER ET PARTAGER

Vous êtes sur le wiki de Vision du Web.
Les pages présentées sur le wiki évoluent tous les jours.
Certaines recherches sont peu abouties et incluent des erreurs.
Pour participer sur le wiki, créer un compte utilisateur en haut à droite.
La recherche interne du wiki permet de trouver le contenu qui vous intéresse.
Identifiez-vous pour poser vos questions sur la page de discussion de VisionDuWeb.
Améliorer le contenu des pages en faisant des propositions depuis l'onglet discussion.
Télécharger le sommaire au format PDF pour le consulter en étant déconnecté du réseau.
Les informations du wiki ne doivent pas servir à nuire à autrui ou à un système informatique.
De nombreux outils gratuits sont listés et disponibles dans la boîte à outils de Vision du web.
D'autres pages du wiki peuvent correspondre à vos attentes. La liste de toutes les pages du wiki.

VALORISER LE WIKI

Valoriser le contenu partagé sur le wiki avec un don en monnaie numérique :
AEON - Bitcoins (BTC) - Bitcoins Cash - Bitcoins Gold - Bitcore (BTX) - Blackcoins - Bytecoins - Clams - Dash - Monero - Dogecoins - Ethereum - Ethereum Classique - Litecoins - Potcoins - Solarcoins - Zcash

OBTENIR DE LA MONNAIE NUMERIQUE

Obtenir gratuitement de la monnaie numérique :
Gagner des Altcoins - Miner des Altcoins.
Miroir PlanetHoster du 11 Mars 2019.