Étapes pour l’ installation de Magento Google Analytics amélioré

• Télécharger le zip de magasin Magento et décompressez dans un dossier.

• Après Décompressez, les fichiers / dossiers suivants seront extraits comme indiqué dans l’écran ci-dessous:

• Connectez-vous via FTP & drag and drop tous les dossiers dans votre répertoire racine du serveur.

• Vous trouverez le lien d’extension sera affiché sous système >> Google Analytics.

Manuel de l’utilisateur de Google Analytics

Ce module sera essentiellement travailler et visible dans le panneau d’administration. Il n’y a pas d’interaction des clients avec ce module et l’administrateur ne dispose d’un accès de ce module.After copier ce module, un lien pour accéder à ce module sera affiché sous système >> Menu Google Analytics comme indiqué ci-dessous l’écran:

Après avoir cliqué sur ce lien, la page du module sera ouvert comme indiqué dans l’écran ci-dessous: Il y a des onglets suivants affichent sur le côté gauche dans les écrans ci-dessus. Chaque onglet a des fonctionnalités différentes qui sont décrites ci-dessous dans les détails:

réglages généraux

En cliquant sur le lien du module, cet onglet sera ouvert par défaut, comme indiqué ci-dessus comme écran. Cet onglet a réglage de ce module. Chaque paramètre est expliqué ci-dessous:

• Activer: Ce paramètre active / désactive le fonctionnement de ce module. Il y a bouton interrupteur ON / OFF ce module. Par défaut, il sera désactivera.

• IP anonymisation: Ce paramètre activer / désactiver la fonction anonymisation IP fonction .La IP anonymisation dans Google Analytics définit le dernier octet des adresses IP de l’ utilisateur IPv4 et les 80 derniers bits des adresses IPv6 à zéros en mémoire peu après avoir été envoyé à Google Analytics Réseau collection. L’adresse IP complète est jamais écrit sur le disque dans ce cas.

• Caractéristiques d’ affichage: Ce paramètre activer / désactiver la fonction d’affichage dans Google Analytics.

• Analytique sur Catégorie Page: Ce paramètre vous permet d’activer / désactiver le code analytique pour être exécuter à la page de catégorie ou non. En activant cette vitesse page de réglage peut ralentir dépend du pas. des produits. Si vous utilisez un ajax plugiciel 3ème partie pour les produits de chargement. Ensuite , désactiver ce paramètre et ajouter du code analytique manuellement. Pour ajouter du code manuellement s’il vous plaît se référer à l’ Annexe 1.

• Numéro de suivi: Fournir l’identifiant de suivi prévu compte Google Analytics.

• Id client: fournir au client Google Id du même compte associé à Google Analytics avec l’ API auth et API analytique.

REMARQUE: Au cours de Google API de configuration pour le numéro client, ajouter API Google dans le projet ANALYTICAL. Origine javascript add url: https://www.example.com et ajouter url Url Redirect https://www.example.com/index.php/googleanalytic/adminthml_index/index

Tableau de bord Google

Cet onglet affiche suivant certains rapports Google Analytics. En cliquant sur cet écran onglet ressemblera suivant:

Dans un premier temps cet onglet affiche vide au-dessus bande de connexion de couleur orange et les sections du rapport blanc. Le clic de la bande orange au-dessus d’une fenêtre du fureteur ouvrira pour la connexion dans votre compte Google. Entrez les informations d’identification de votre compte associé à Google Analytics.

Après vous être connecté avec succès, vous verrez Sélecteur de vue des options comme indiqué ci-dessous.

L’utilisation de ces options que vous pouvez choisir de sélectionner votre compte analytique et sa propriété correspondante et son point de vue.

En haut à droite, il affiche un widget utilisateurs actifs comptent dire pas d’utilisateurs actuellement présents sur votre site Web sélectionné à ce moment-là. En sélectionnant un rapport d’affichage seront affichés dans leurs sections comme indiqué ci-dessous:

• Vue d’ ensemble: Ce rapport est aperçu qui affiche: a) Non. Des sessions, b) Nombre de nouveaux utilisateurs, c) Pourcentage de nouvelles sessions, d) Nombre de pages vues, d) Nombre de pages vues uniques, e) pages par session, f) Taux de sortie et g) Taux de rebond de 7 jours passés y compris le jour en cours. Ce rapport sera affiché sous forme de tableau.

• Visites vs Nouvelles visites: Ce rapport affiche la tendance de date sage entre les visites totales sessions ie nouvelles visites .and -à- dire de nouvelles sessions.

• Nouveaux utilisateurs vs Utilisateurs ayant : Ce rapport graphique entre les nouveaux utilisateurs et les utilisateurs de retour.

• Pages vues Rapport: Ce rapport tendance date sage entre pages vues au total et de pages vues uniques de 7 derniers jours.

• Taux de rebond vs Taux de sortie: Ce rapport affiche la tendance de date sage entre le pourcentage et le taux de rebond Taux de sortie Pourcentage 7 derniers jours.

• Top 5 Browsers: Ce rapport affiche graphique pour 5 navigateurs les plus utilisés dans 7 derniers jours par des sessions. Vous pouvez voir aucune de sessions par navigateur sur graphique circulaire de vol stationnaire.

• Top 5 pays: Ce rapport affiche graphique pour top 5 pays par des séances des 7 derniers jours. Vous pouvez voir aucune des sessions par pays sur graphique circulaire de vol stationnaire.

• Appareil Catégorie: Ce rapport affiche graphique pour la catégorie de l’ appareil comme bureau, tablette ou mobile utilisé dans 7 derniers jours par des séances. Vous pouvez voir aucune de sessions par catégorie d’appareils sur graphique circulaire de vol stationnaire.

• 
• Top 10 des pages les plus populaires: Ce rapport affiche le top 10 la page populaire par pages vues à partir de 7 derniers jours avec leur nom, chemin, vues Page comptent, le taux de rebond (%) et le taux de sortie (%).

• Top 10 Produit populaire: Ce rapport affiche les 10 produits populaires par leur chiffre d’ affaires avec SKU, Nom, Liste des produits clics, liste des produits CTR, Quantité, achats uniques, revenus des produits locaux.

• Top 10 des opérations: Ce rapport affiche le top 10 de transaction 7 derniers jours par les recettes avec leur numéro de transaction, Le code de coupon, revenu, impôt, Livraison, Quantité.

Annexe I

Magento lorsqu’une page de catégorie est chargée d’un événement est distribué véhiculant des informations sur les produits. Sur la base de cette information notre code fonctionne. Mais si vous utilisez toute extension pour charger les produits sur la page de la catégorie, vous devez ajouter manuellement le code analytique.

Voici l’exemple de code analytique pour la page de catégorie:

ga ( “créer”, “UA-XXXXX-Y”);

ga ( « exiger », « CE »);

ga ( « ec: addImpression », { « id »: « 9bdd2 », « name »: « T-shirt Compton », « prix »: « 44,00 », « marque »: « Compton », « catégorie »: « T -shirts », « position »: 0, « liste »: « page d’accueil »});

ga ( « envoyer », « pageview »);

Détails:

En 1ère ligne remplacer UA-XXXXX-Y avec votre identifiant de suivi. Répétez 3ème ligne pour chaque produit venir avec appel Ajax pour ajouter impression de chaque produit.

En 3ème ligne il y a différents champs pour les données à envoyer pour l’analyse ci-dessous sont liste des champs avec leur signification:

A. id => id produit

B. name => nom

C. Prix => Prix du produit

D. marque => produits manufactuter

E. catégorie => catégorie

F. Position => Position du produit ou vous pouvez donner l’ index de tableau ou une séquence non.

G. Liste => nom de la liste ou le titre de la page en cours qui est approprié et facile à identifier dans les rapports analytiques.

Comment installer OpenCart Suivi plugin email sur votre serveur

1. Structure des dossiers du suivi Email dossier plug-in.

2. Ouvrez le dossier de téléchargement et vous trouverez la structure du dossier suivant:

Vous devez avoir installé VQMOD pour que cela fonctionne plug-in. Si VQMOD n’est pas installé et installer s’il vous plaît télécharger à partir de l’URL ci – dessous:
https://code.google.com/p/vqmod/

3. Sélectionnez tout le dossier et faites-les glisser dans le répertoire racine de votre throughFTP magasin OpenCart.

4. Vous pourrez trouver le plug-in prêt à être installé dans les modules dans votre magasin OpenCart comme indiqué ci-dessous.

5. Cliquez sur le lien Installer pour installer le plug-in. Cela permettra également d’ajouter une option dans votre menu déroulant qui liste menubar tous les plug-ins par Velocity installé sur votre magasin pour une navigation rapide. Thisdropdown dispose également d’une boîte de message, à l’aide que nous pouvons vous informer sur le nouveau plug-in lancé ou une nouvelle mise à jour.

6. Supprimez les fichiers Vqcache du dossier vqmod / vqcache.

7. Pour accéder Suivi plug-in Email cliquez sur le bouton Modifier dans la section du module, comme indiqué ci-dessous:

8. En cliquant sur le bouton modifier le module de plug-in ouvert. Il contient la barre de navigation en haut, le menu à gauche et le contenu principal au centre, comme indiqué ci-dessous.

1. onglet Paramètres généraux

1. Activation / désactivation de : activer ou désactiver le plug-in.
2. Mail pour les clients non abonnés: Activer ou désactiver l’ envoi de mails aux clients non souscrits.

2. Ajouter onglet Modèle

1. Ici admin peut créer un nouveau modèle.

2. Activer / Désactiver: Activer ou désactiver le modèle.

3. Nom du modèle: Définir le nom du modèle.

4. Email Sujet: Set sujet du courrier électronique à envoyer.

5. E-mail Contenu: Définir le contenu des e-mails à envoyer.

6. Actif à partir de: Définir la date de début de l’envoi de courriels de ce modèle.

7. Actif à: Régler la date de fin de l’envoi de courriels de ce modèle.

8. E-mail Fréquence: Régler l’heure de retard (en heures) pour l’envoi de courriels.

9. Suivi de commande: Sélectionnez un ou plusieurs statuts de commande après que vous souhaitez envoyer des e-mails.

10. Client Group: Sélectionnez un ou plusieurs groupes de clients. E – mail sera envoyé aux clients appartenant
à des groupes de clients sélectionnés.

11. Magasins: Sélectionnez un ou plusieurs magasins. E – mail sera envoyé aux clients qui ont placé des commandes de certains
magasins.

12. E – mail sera envoyé aux clients appartenant à l’ un des groupes de clients sélectionnés qui ont placé l’ ordre
de l’ un des magasins sélectionnés, après avoir été sélectionnés (fréquence e – mail) heures de leur ordre d’ atteindre l’ un des
statuts de commande sélectionnés.

3. Voir l’onglet Modèle

1. Ici admin peut voir la liste des modèles enregistrés.

2. Si les modèles sont pas enregistrés alors cet onglet se présenter comme suit:

3. Si les modèles sont certains enregistrés alors cet onglet se présenter comme suit:

4. Cliquez sur le lien Modifier prévu devant chaque modèle pour modifier ce modèle.

5. Cliquez sur le bouton Supprimer pour supprimer des modèles sélectionnés.

6. En cliquant sur le lien modifier une forme apparaîtra pour modifier la promotion.

7. Activation / désactivation de: activer ou désactiver le modèle.

8. Nom du modèle: Définir le nom du modèle.

9. Email Sujet: Set sujet du courrier électronique à envoyer.

10. E-mail Contenu: Définir le contenu des e-mails à envoyer.

11. Actif à partir de: Définir la date de début de l’envoi de courriels de ce modèle.

12. Actif à: Régler la date de fin de l’envoi de courriels de ce modèle.

13. E-mail Fréquence: Régler le temps de retard (en heures) pour l’envoi d’e-mail.

14. Suivi de commande: Sélectionnez un ou plusieurs statuts de commande après que vous souhaitez envoyer des e-mails.

15. Client Group: Sélectionnez un ou plusieurs groupes de clients. E – mail sera envoyé aux clients appartenant
à des groupes de clients sélectionnés.

16. Magasins: Sélectionnez un ou plusieurs magasins. E – mail sera envoyé aux clients qui ont placé des commandes de
magasin sélectionné.

4. Ajouter onglet Liste noire

1. Ici admin peut ajouter email id dans la liste noire.

2. Email Id: Entrez id email à laquelle vous ne souhaitez pas envoyer des emails.

3. Aucun courriel ne sera envoyé à l’email ids figurant dans la liste noire.

5. Voir onglet Liste noire

1. Ici admin peut voir ids email liste noire.

2. S’il n’y a pas id email liste noire ensuite enregistré cet onglet se présenter comme suit:

3. Si leur sont des e-mails liste noire enregistrés alors cet onglet se présentera comme suit:

4. Cliquez sur le bouton Supprimer pour supprimer ids email sélectionné dans la liste noire.

6. onglet Rapports

1. Ici admin peut voir les rapports d’e-mails envoyés aux clients.

2. En haut de cet onglet nombre total de courriels envoyés et le nombre total de clients ont reçu e – mail est
affiché.

3. En cliquant sur le bouton Afficher rapport rapport graphique apparaît selon les valeurs de filtre.

4. Vous pouvez également voir le rapport de courrier électronique envoyé au client particulier en écrivant son nom dans le filtre.

7. onglet Themer

En cliquant sur l’ onglet themer, vous aurez la possibilité de changer le thème de suivi Email admin
panel.

8. Obtenez onglet Support

En cliquant sur l’ onglet Support Get, vous serez redirigé vers notre site Web de support, vous pouvez contacter
notre soutien à l’ aide. Utilisez cet onglet si vous une requête / numéro ou trouvé un bug.

Configuration cron

Après l’ installation de plug-in s’il vous plaît ajoutez ce qui suit à votre magasin Cron via le panneau de commande / mastic. Ce Cron devrait fonctionner une fois dans toutes les heures.
0 0 * * * wget -O / dev / null https://yourstore.com/index.php?route=followupemail/followupemail
Remplacez yourstore.com avec l’ URL de votre magasin par défaut.

recommandations

Définir fichier cron pour exécuter une fois dans toutes les heures.

Introduction:

Le module personnalisé CSS Prestashop & JS permet à l’administrateur du magasin Prestashop de modifier l’interface utilisateur de n’importe quelle page du site Web de Prestashop. Le plugin Prestashop offre à l’administrateur de faire de même pour les appareils mobiles ou les ordinateurs de bureau, ou les deux.

Étapes pour l’installation de Prestashop Custom JS et CSS Addon:

Pour installer cet addon CSS personnalisé et JS Prestashop plugin, s’il vous plaît suivez les étapes suivantes:

1. Ajoutez le dossier addon sous le dossier modules de votre système.

2. Après avoir ajouté ce dossier addon, le système listera la page addon Prestashop sur le module sous la catégorie de fonctionnalités de front office comme indiqué ci-dessous:

3. Cliquez sur installer pour installer le plugin Prestashop Custom JS And CSS.

Interface d’administration

Les fonctionnalités suivantes seront fournies à l’administrateur dans ce module CSS Prestashop personnalisé:

1. Paramètres généraux

2. Paramètres avancés

Paramètres généraux du module JS Prestashop personnalisé:

Après avoir cliqué sur le lien de configuration de Custom JS et CSS addon sur la page de liste des modules, le système ouvrira les onglets de paramètres généraux par défaut comme montré dans l’écran ci-dessous:

Les champs listés seront remplis avec des valeurs par défaut

DÉTAILS DES ONGLETS DES RÉGLAGES GÉNÉRAUX:

1. Activer / Désactiver: Initialement, ce champ de module personnalisé CSS Prestashop sera désactivé. L’administrateur peut activer / désactiver la fonctionnalité addon en activant / désactivant cette option.
2. CSS personnalisé: Le contenu CSS qui doit être affiché sur chaque page du site doit être entré dans la zone de texte de CSS personnalisé et JS Prestashop plugin donné avec le champ nommé CSS personnalisé.
3. Custom JS: Le contenu JS qui doit être affiché sur chaque page du site Web doit être entré dans la zone de texte du module JS Prestashop personnalisé donné avec le champ nommé JS personnalisé.

Paramètres avancés du plugin personnalisé CSS et JS Prestashop:

Après avoir cliqué sur l’onglet des paramètres avancés du plugin personnalisé CSS et JS Prestashop, l’écran ci-dessous apparaît.

DÉTAILS DU TABLEAU DES PARAMÈTRES D’AVANCE:

• Ajouter une nouvelle entrée: Initialement, il n’y aura pas d’entrée dans le tableau des onglets avancés du module Prestashop Custom JS, donc cliquez sur le nouveau bouton d’entrée pour ajouter les détails du fichier CSS et JS avec le nom et le type de périphérique.
• Table: Lorsque l’entrée est terminée, la ligne est ajoutée à la table du module CSS personnalisé Prestashop avec les détails de l’entrée tels que le nom de la page, le type de périphérique activer ou désactiver le bouton et modifier et supprimer le bouton.
• Bouton Activer ou Désactiver: Lorsque l’entrée est effectuée dans le module CSS Prestashop personnalisé, l’utilisateur peut activer le fichier ajouté en cliquant sur le bouton Activer une fois qui passe au bouton Désactiver après que l’utilisateur a cliqué sur le bouton Activer. désactiver l’entrée en cliquant sur le bouton désactiver qui apparaît dans la table et le contraire se produit.
• Editer: Dans la colonne action de la table, il y a un bouton d’édition en cliquant dessus, une fenêtre apparait qui est la même que celle qui apparaît après avoir cliqué sur le bouton ajouter une nouvelle entrée. Mais, la différence est que maintenant les champs du module personnalisé JS Prestashop sont remplis avec tous les détails qui ont été entrés plus tôt par l’utilisateur dans cette ligne. Maintenant, l’utilisateur peut modifier les entrées du plugin personnalisé CSS et JS Prestashop qui ont été faites dans les fichiers ou peuvent changer le type de périphérique ou peut ajouter l’entrée au nom de la page.
• Supprimer: Dans la colonne action de la table, il y a un bouton de suppression en cliquant sur ce bouton du module Prestashop Custom JS, on peut supprimer l’entrée qui a été faite dans cette ligne.
• Boîte d’interface: C’est la boîte qui apparaîtra après avoir cliqué sur le bouton ajouter si nous devons ajouter une nouvelle entrée dans la table des paramètres avancés. Il apparaîtra également si nous cliquons sur le bouton d’édition après que l’entrée est faite mais la différence est que maintenant les champs dans la boîte de commande seront le champ avec les détails de cette rangée particulière à laquelle le bouton d’édition appartient. Les champs dans la case Pop-up sont:

A. Sélectionnez la liste déroulante de la page: Le premier champ du champ ‘Ajouter nouveau’ est un menu déroulant qui contient tous les noms des pages actuellement disponibles dans Prestashop. Vous pouvez sélectionner la page dans laquelle l’entrée doit être effectuée.
B. Choisissez Type de périphérique: Ce champ de CSS personnalisé Prestashop contient trois boutons radio Mobile, Desktop et les deux. Vous pouvez sélectionner le type d’appareil pour lequel vous allez ajouter le css et js.
C. Configuration CSS: Dans cette zone de texte du plugin Prestashop par Knowband, vous devez ajouter le code CSS qui doit être ajouté sur la page que vous avez sélectionnée précédemment.
D. Configuration de JS: Dans cette zone de texte du module CSS Prestashop personnalisé, vous devez ajouter le code js qui doit être ajouté sur la page que vous avez sélectionnée précédemment.

INTERFACE APRÈS CLIQUER SUR AJOUTER NOUVELLE ENTRÉE

APRÈS AVOIR AJOUTÉ L’ENTRÉE

INTERFACE APRES LE CLICKING SUR LE BOUTON EDIT

Module frontal

Après avoir activé le plugin Prestashop Custom JS par Knowband, l’utilisateur frontal verra le CSS et JS qui sont ajoutés globalement au site Web et l’utilisateur verra également le CSS et JS qui est ajouté à cette page seulement dans les paramètres avancés languette.

Le CSS personnalisé et JS à l’extrémité frontale apparaît comme suit:

Recommandations

Actualisez la page d’accueil de votre boutique chaque fois que vous activez / désactivez le plugin. Si le plugin ne fonctionne pas après l’installation, veuillez vérifier les permissions sur le dossier des modules. Le dossier devrait être accessible en écriture. Veuillez autoriser le dossier à 755.

Nous espérons que nous avons couvert toutes les préoccupations concernant l’installation et le guide des produits de cet add- on Prestashop . Vous devriez également consulter notre blog sur Donnez plusieurs raisons à vos clients pour avoir terminé leur processus de paiement en ligne – ici

Regardez le didacticiel vidéo ici:

Module Lien: https://www.knowband.com/prestashop-custom-css-and-js 
User Manual: https://www.knowband.com/blog/user-manual/prestashop-custom-js-and-css / 
Demo Admin: https://ps.knowband.com/demo1/16/admin1/index.php?controller=AdminLogin&token=aea1bb3fb1bab860c86c4db00ce5949e&redirect=AdminModules&demo_lang=fr 
Démo avant: https://ps.knowband.com/demo1/16/ en /