Google Analytics Plugin jQuery
"Google Analytics jQuery Plugin est un plugin jQuery!
Lorsqu'il est utilisé conjointement avec le fameux cadre de jQuery , ce plugin permet une intégration facile de Google Analytics sur une page Web.
Google Analytics est une solution de classe entreprise d'analyse Web qui vous donne un éclairage riche en trafic de votre site et de l'efficacité marketing.
Avantages de l'utilisation de ce plugin
Extrêmement simple à utiliser. Copier-coller (presque) n'importe où dans votre page. Il fonctionne, tout simplement!
syntaxe usage familier pour les amateurs de jQuery!
Pas besoin d'écrire désordre codes JavaScript dans le corps HTML. Facilite le maintien pages, en plus de faire la plus sexy des codes HTML.
N'utilise pas la méthode document.write infâme d'insérer JavaScript.
Augmente les performances de vos pages web par le téléchargement de Google Analytics codes après la page actuelle est complètement chargée.
Ne s'arrête pas chargement de la page alors que Google Analytics ga.js fichier est en chargement. En effet, empêche le retard ennuyeux de chargement des pages raison de la lenteur de réponse des serveurs de Google Analytics.
Extrêmement léger. La version compressée de ce plugin est aussi petite que 688 octets!
Nouveau: lie dynamiquement les pageTracker Analytics Google et permet un accès plus facile à l'API Google Analytics
Télécharger Google Analytics jQuery Plugin
Vous pouvez télécharger ce plugin gratuitement en suivant le lien fourni ci-dessous. Le téléchargement compressé (zippé) paquet contient un minified [ 1 ] version du plugin et aussi une version de débogage bien documentés.
Télécharger
jQuery plugin Google Analytics (version 2.0.0, 1,83 Ko, 712 des téléchargements)
Ce plugin est conforme et respecte le régime d'autorisation de jQuery. Vous êtes libre de redistribuer le code et l'utiliser dans n'importe laquelle de vos applications.
Aussi disponible sur le référentiel plugin jQuery:
http://plugins.jquery.com/project/ga
Usage Instructions
L'utilisation de ce plugin est aussi simple que ce plugin, y compris de fichiers avec d'autres fichiers JavaScript de vos pages HTML JavaScript section et en remplaçant xxxxxx-x dans ce code avec votre numéro de compte Analytics.
L'installation de ce plugin et les codes Google Analytics:
Après, extraire les fichiers téléchargés dans le dossier désiré sur votre serveur, vous devez inclure l'extrait de code ci-dessous, dans le
section de toutes les pages où vous souhaitez que ce plugin fonctionne.- type = "text/javascript" > </script > "jquery.ga/jquery.ga.js" = type src = <script> </ script> "text/javascript"
- > <script type => "text/javascript"
- $ (Document). Prêt (function () ($. Ga.load ("UA-xxxxxx-x");));
- / Script> <
Vous pourriez aussi avoir besoin de changer le chemin vers le fichier plugin en fournissant le chemin correct dans src="jquery.ga/jquery.ga.js" attribut.
Utilisation de Google Analytics Tracking API avec ce plugin:
Ce plugin dynamiquement des cartes tous les méthodes de suivi Google Analytics à $. Ga pour un accès facile. Ce que cela signifie est que, quelle que soit l'API publique Google Analytics utilise pageTracker, la même chose est applicable à ce plugin.
Par exemple, pour invoquer la pageTracker. _trackEvent (catégorie, l'action, opt_label, opt_value) la méthode, il vous suffit d'appeler $.ga.trackEvent(category, action, opt_label, opt_value)
Liste actuelle des méthodes que ce plugin se lie automatiquement au: (Ce n'est pas la liste finale. Le plugin se lie à toutes les fonctions qui commencent par un trait de soulignement "_".)
- $. Ga.addIgnoredOrganic (newIgnoredOrganicKeyword)
- $. Ga.addIgnoredRef (newIgnoredReferrer)
- $. Ga.addItem (OrderID, sku, le nom, catégorie, prix, quantité)
- $. Ga.addOrganic (newOrganicEngine, newOrganicKeyword)
- $. Ga.addTrans (OrderID, affiliation, le montant total, taxe, livraison, ville, état, pays)
- $. Ga.clearIgnoredOrganic ()
- $. Ga.clearIgnoredRef ()
- $. Ga.clearOrganic ()
- $. Ga.cookiePathCopy (newpath)
- $. Ga.getAccount ()
- $. Ga.getClientInfo (1)
- $. Ga.getDetectFlash (1)
- $. Ga.getDetectTitle (1)
- $. Ga.getLinkerUrl (TargetURL, useHash)
- $. Ga.getLocalGifPath ()
- $. Ga.getServiceMode ()
- $. Ga.getVersion ()
- $. Ga.link (TargetURL, useHash)
- $ Ga.linkByPost. (formObject, useHash)
- $. Ga.setAllowAnchor (bool)
- $. Ga.setAllowHash (bool)
- $. Ga.setAllowLinker (bool)
- $. Ga.setCampContentKey (newCampContentKey)
- $. Ga.setCampMediumKey (newCampMedKey)
- $. Ga.setCampNameKey (newCampNameKey)
- $. Ga.setCampNOKey (newCampNOKey)
- $. Ga.setCampSourceKey (newCampSrcKey)
- $. Ga.setCampTermKey (newCampTermKey)
- $. Ga.setCampaignTrack (bool)
- $. Ga.setClientInfo (bool)
- $. Ga.setCookiePath (newCookiePath)
- $. Ga.setCookieTimeout (newDefaultTimeout)
- $. Ga.setDetectFlash (bool)
- $. Ga.setDetectTitle (bool)
- $. Ga.setDomainName (NewDomainName)
- $. Ga.setLocalGifPath (newLocalGifPath)
- $. Ga.setLocalRemoteServerMode ()
- $. Ga.setLocalServerMode ()
- $. Ga.setRemoteServerMode ()
- $. Ga.setSampleRate (newRate)
- $. Ga.setSessionTimeout (newTimeout)
- $. Ga.setVar (nouvVal)
- $. Ga.trackEvent (catégorie, l'action, opt_label, opt_value)
- $. Ga.trackPageview (opt_pageURL)
- $. Ga.trackTrans ()
Pour obtenir l'intégralité de suivi Google Analytics API, reportez-vous Google Analytics Tracking API de référence page.
L'exécution d'une fonction de rappel:
Vous pouvez exécuter une fonction de rappel sur la charge de code Google Analytics. Cela peut être fait en passant une fonction à la deuxième paramètre 2 de la load(uid, callback) méthode.
- <script type=> "text/javascript"
- . ready ( function ( ) { $ (Document). Prêt (function () (
- ( "UA-xxxxxx-x" , <strong>function ( pageTracker ) { $. GA. Load ("UA-XXXXXX-X", la fonction <strong> (pageTracker) (
- / / Un exemple d'une ligne de ce que votre code peut être ...
- ) ; pageTracker._setDomainName (". example.com");
- ; ) </ Strong>);
- ));
- </ Script>
Le premier paramètre envoyé à la méthode de rappel est l'objet pageTracker de Google Analytics.
Comment ce plugin fonctionne?
Ce plugin utilise le robuste et fiable jQuery.ajax API pour récupérer la base de Google Analytics fichier JavaScript (ga.js) après que la charge est achevée. Il n'utilise pas le jQuery.getScript API car elle empêche le script chargé de la mise en cache.
Le code de base qui fait cela est illustré ci-dessous.
- jQuery. ajax ((
- type: "GET",
- . protocol == "https:" ? URL: Location document. (. protocole == "https:"?
- ) + ".google-analytics.com/ga.js" , "Https: / / ssl": "http://www") + ".google-analytics.com/ga.js",
- cache: true,
- succès: function () (
- typeof _gat != undefined ) { if (typeof _gat! = undefined) (
- ; = _gat._getTracker PageTracker (uid);
- pageTracker._trackPageview ();
- { ) Else (
- ; throw "_gat n'a pas été définie»;
- )
- ),
- Type de données: "script",
- des données: null
- ));
Après le chargement de Google Analytics, il dynamiquement des cartes tous les API tracker pour lui-même. Cela implique également que si, Google Analytics changer son API, ce plugin devrait s'adapter automatiquement aux changements.
Notes:
- sous une forme compressée JavaScript emballage avec tous les espaces de mise en forme et de la documentation a été enlevée. [ top ]
comments… read them below or add one } (30 commentaires ... lire ci-dessous ou ajouter un )
Y at-il nécessaire de supercherie pour jquery.ga.js référence à l'extérieur et aussi faire des appels par le biais $. Ga d'une autre, à l'extérieur du fichier référencé script (qui est inclus après jquery.ga.js)?
Il me dit toujours $. Ga n'est pas défini.
$. GA est définie seulement après chargement d'une page complète. Ainsi, tous vos paramètres, référencement, etc avec $. GA devrait être défini dans
jQuery(document).ready(function() { });dans le corps de la page après l'inclusion script jquery.ga.js. Si vous avez encore la confusion, moi par courriel une version réduite de votre code de mise en œuvre / échantillon.Salut,
J'essaie d'intégrer votre plugin avec le plugin scrollSerial d'Ariel Flesher, mais je suis un noob complet jQuery. Que suggérez-vous que j'appelle le ga.trackPageview $. Partir de ce plugin, il est un événement que je peux accrocher? Désolé, à ma portée ici!
Cheers,
Jonathan
Salut, moi-même fixé, cela fonctionne en ligne:
$('#slider .navigation').find('a').click(function() {$.ga.trackPageview(this.href)} );Merci pour le plugin!
Jonathan
Oui! C'est exactement la façon dont il est à faire.
Vous l'avez compris plus vite que je pourrais vous répondre en arrière.
Nice one! Simple et efficace. Donne pour certains suivi beaucoup plus propre GA.
- Applicable à la version 1.0 -
Est-il possible d'utiliser des codes de suivi multiples avec ce plugin?
- Applicable à la version 1.0 -
Depuis la version 1.0, il ne supporte pas les codes de suivi multiples.
Souhaitez-chargement du script de suivi après la liberté a été chargé de réduire la précision du suivi? Dans le temps supplémentaire nécessaire pour que le DOM pour charger plus le script GA, plus les utilisateurs pourraient avoir cliqué sur une autre page et ainsi ne sera pas suivie.
J'ai trouvé que tout retard dans le chargement du script ga causes referrers plus autonomes, comme dans plus refferals provenant de votre propre site que le script n'a pas chargé au point de les en cliquant sur un lien interne, puis le chargement ga sur la page suivante la pensée l'utilisateur a été refferred partir du même site.
Cela devient de plus d'une question sur les grands sites comme le suivi pourrait être absent un plus grand nombre d'utilisateurs.
Me demandais si quelqu'un d'autre avait rencontré ce.
Oui vous avez raison. Mais c'est une question de fractions par rapport à la mauvaise qualité de service d'un site Web fournit aux utilisateurs en raison de retard ou une erreur dans le chargement ga.js
Ce que je peut-être intéressé par la future version de ce plugin est normalement de chargement ga.js pour la première fois et pour chaque chargement ultérieurs, le faire après la charge DOM et de la mémoire cache.
Bonne idée. Absolument d'accord avec votre position sur l'expérience utilisateur emporter sur la collecte de paramètres. Il n'y a pas d'info Point de rencontre d'utilisation si, ce faisant, vous diminuez la qualité de l'expérience offerte. Après tout, dans la plupart des corps la raison de cueillette de données afin que vous pouvez améliorer l'expérience.
Salut, la Grande-plugin.
J'ai acquis ga calcul et les épreuves sur piste à travailler. J'essaie de changer le délai Cookie. C'est la configuration ci-dessous corriger?
J'ai l'habitude d'utiliser pageTracker._setCookieTimeout ("604800");
Merci,
Bryan
<script type="text/javascript"> $ (document). prêt (function () ($. ga.load ("UA-XXXXXX-X ');)); </ script> type de script <=" text / javascript "> $ ('Un rel [=" cliquez "]'). externe (function () ($. ga.track (' Liens ',' clic ');)); </ script> type de script <= " text / javascript "> $. ga.setCookieTimeout (604 800); </ script>
Non ce n'est pas la bonne manière, car votre
Vous devez mettre vos codes dans le
$.ga.setCookieTimeouts'exécute avant$.gaa effectivement chargée!$.ga.load()de rappel paramètre de fonction-méthode.Devrais-je l'approche plus comme ça? Le chargement du fichier GA, mais le témoin de la campagne (utmz) reste à 6 mois.
$ (Document). Prêt (function () ($. Ga.load ("UA-XXXXXX-XX", function (pageTracker) (pageTracker._setCookieTimeout ("604800");));));
Cette approche est la bonne.
Avez-vous vérifié si d'autres choses (sauf timout cookie campagne) que si vous définissez fonctionnent bien?
J'essaie d'utiliser le suivi de commerce électronique (addTrans / addItem / TrackTrans) mais j'ai du un problème de calendrier. Si je tarde TrackTrans une seconde via setTimeout ou l'attacher à une page événement unload, les choses fonctionnent parfaitement. Si je viens de feu off chaque événement dans l'ordre, la transaction ne sont jamais mis au point sur la fin de Google.
Toutes les suggestions sur comment je peux éviter cela? Est-il possible que je peux juste les fonctions de rappel après chaque bord de la addTrans appelle addItem / et les utiliser pour l'essentiel chaîne des appels ainsi que d'une manière assez synchrone?
Merci d'avance ...
@ JMS: vous avez besoin pour vous assurer d'envelopper tous les appels à:
$ (Document). Prêt (function () (/ * ... votre code ... /));
Ce code garantit essentiellement que tout le code nécessaire JS a chargé et est «prêt» à être utilisé. Ce qui est probablement se passe, c'est que vous exécutez votre code, avant que le parent, le suivi, le code a complètement chargé.
Mon code était déjà enveloppée dans $ (document). Prêt (function () (/ * ... votre code ... /)); alors que n'était certainement pas.
Malheureusement, je n'ai jamais pu obtenir ce travail, j'ai donc fini par abandonner le plugin en faveur de la juste rouler mon propre code repose sur les parties de jquery.ga que j'ai aimé. Afin d'assurer que tous les appels liés à des événements GA post- instanciation _gat, j'ai juste bloqué tout à l'intérieur d'une autre fonction qui est appelée à la fin de la fonction de la réussite, à savoir:
jQuery.ajax({type: 'GET',
url: (document.location.protocol == 'https:' ?
'<a title="Linkification: https://ssl " href="https://ssl/" rel="nofollow"> https://ssl</a >' : '<a title="Linkification: http://www " href="http://www/" rel="nofollow"> http://www</a >') + '.<a title="Linkification: http://google-analytics.com/ga.js " href="http://google-analytics.com/ga.js" rel="nofollow">google-analytics.com/ga.js</a>',
cache: true,
success: function() {
if (typeof _gat != undefined) {
pageTracker = _gat._getTracker(uid);
pageTracker._trackPageview();
OtherOnloadTrackingEvents();
} else {
throw '_gat has not been defined';
}
},
dataType: 'script',
data: null
});
La fonction vérifie pour d'autres fonctions de suivi-connexes et, le cas échéant, les appelle. N'est pas idéal, mais les choses ont été roc solide, donc je ne me plains pas.
Uhmm ... Je vais examiner cette question et poster une mise à jour dès que possible.
Mais me demandais ... quelqu'un d'autre face à la même question?
ou vous pouvez utiliser le $ (function () (code * / ici * /)); raccourci trop.
est _setCustomVar () pris en charge?
http://code.google.com/apis/analytics/docs/gaJS/gaJSApiBasicConfiguration.html _gat.GA_Tracker_._setCustomVar #
Toutes les fonctions commençant par GA souligner, est disponible pour utilisation.
Je suis en train de faire un plugin jQuery pour le nouveau async Analytics code. J'ai été l'utiliser et très impressionné par ses résultats dans le suivi des cas. Le code standard échoue souvent à enregistrer un recours devant le rechargement de la page. Un correctif est agréable d'y ajouter un délai d'attente 1s sur le lien.
comment est-ce plugin censé fonctionner? Quelle est la sortie? Y at-il un exemple de page quelque part? Je ne vois rien s'affiche après en utilisant le code mentionné ci-dessus. Pouvez afficher les données d'analyse i avec ce plugin?
Si vous avez Google Analytics inclus dans votre page Web, il s'agit d'une méthode alternative pour faire la même chose. Tout le reste demeure inchangé.
Toutefois, il ajoute des fonctionnalités à GA existants comme: moins de temps la page charge, plus propre syntaxe API jQuery, etc
Vous devez inclure jquery.js et jquery.ga.js dans votre page et suivez les instructions sur cette page.
J'ai un problème similaire à celui que JMS avait avec le suivi du commerce électronique. Tous les événements sont enveloppés dans $ (function () ()), mais parce que le script prend son temps pour le charger de la fonction bind () dans votre script n'a pas été tiré et il renvoie une erreur et me dit que le $. GA. fonctions XXX J'essaie de faire appel ne sont pas définis.
Avez-vous des solutions?
J'ai fixé toutes les questions. Will post JS mise à jour dès que j'ai terminé de tester tous les aspects.
Si possible, vous devriez déjà mise en œuvre récemment intégrée
_gat._anonymizeIp ();dans le $. ga.load (uid, rappel) de fonction parce que la fonction load () exécute déjà la ligne de suivi [81: t._trackPageview ()] et _anonymizeIp () doit être invoquée devant _trackPageview () dans la mesure où je comprends la Mise à jour API.
http://code.google.com/apis/analytics/docs/gaJS/gaJSApi_gat.html _gat._anonymizeIp #
BTW: _getTracker (compte) est obsolète. Le code ga.js est invoquant _createTracker (opt_account, opt_name) maintenant.
Vous serez surpris de savoir que tout changement apporté au ga.js est automatiquement intégré dans ce plugin. Test avec _anonymizeIp (), il faut déjà travailler!
Shamasis Salut,
la raison pour laquelle je pense que ça ne marchera pas à cause de
1.) _anonymizeIp () Est une méthode de _gat, pas de la pageTracker qui sont automatiquement mis en correspondance avec $. Ga par bind ()
$. Ga._anonymizeIp ()
- Non défini>
$. Ga.anonymizeIp ()
- Non défini>
_gat._anonymizeIp ()
-> Function () (r) = i.Va
2.) Vous ne pouvez pas utiliser l'argument de rappel de ga.load () parce que, comme déjà mentionné _anonymizeIp () n'est pas une méthode de pageTracker
$. Ga.load ("UA-XXXXXX-XX", function (pageTracker) (pageTracker._anonymizeIp ();));
- Non défini>
-> Uncaught TypeError: Object [object Object] n'a pas de méthode «_anonymizeIp '
Toute idée?
- Steffen