{"id":2767,"date":"2014-09-18T10:25:52","date_gmt":"2014-09-18T13:25:52","guid":{"rendered":"http:\/\/blog.dialhost.com.br\/?p=2767"},"modified":"2014-09-18T10:25:52","modified_gmt":"2014-09-18T13:25:52","slug":"encontre-erros-de-javascript-com-o-google-analytics","status":"publish","type":"post","link":"https:\/\/www.dialhost.com.br\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/","title":{"rendered":"Encontre erros de JavaScript com o Google Analytics"},"content":{"rendered":"
\"Google<\/a>
Google Analytics<\/figcaption><\/figure>\n

O Google Analytics \u00e9 bem mais que um contador de acessos ou ferramenta demogr\u00e1fica \u2013 voc\u00ea pode construir toda a sua carreira por ser um analista de Google Analytics. Voc\u00ea pode medir a efetividade de uma campanha, o fluxo de visita de um site (como do an\u00fancio at\u00e9 o carrinho de compras) e definir a\u00e7\u00f5es como suporte de navegador com base nas informa\u00e7\u00f5es de seus usu\u00e1rios.<\/p>\n

Mas essas s\u00e3o todas fun\u00e7\u00f5es que n\u00e3o atingem os devs. O que n\u00f3s, desenvolvedores, podemos fazer com o Google Analytics, no entanto, \u00e9 rastrear erros atrav\u00e9s de eventos personalizados.<\/p>\n

Este \u00e9 um pequeno exemplo de como implementei a checagem de erros no analytics:<\/p>\n

\n\n\n\n
1<\/code><\/td>\n\/\/ Track basic JavaScript errors<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
2<\/code><\/td>\nwindow.addEventListener(<\/code>'error'<\/code>, <\/code>function<\/code>(e) {<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
3<\/code><\/td>\n\u00a0\u00a0\u00a0\u00a0<\/code>_gaq.push([<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
4<\/code><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>'_trackEvent'<\/code>,<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
5<\/code><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>'JavaScript Error'<\/code>,<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
6<\/code><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>e.message,<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
7<\/code><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>e.filename + <\/code>':\u00a0 '<\/code> + e.lineno,<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
8<\/code><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>true<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
9<\/code><\/td>\n\u00a0\u00a0\u00a0\u00a0<\/code>]);<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
10<\/code><\/td>\n});<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
11<\/code><\/td>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
12<\/code><\/td>\n\/\/ Track AJAX errors (jQuery API)<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
13<\/code><\/td>\n$(document).ajaxError(<\/code>function<\/code>(e, request, settings) {<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
14<\/code><\/td>\n\u00a0\u00a0\u00a0\u00a0<\/code>_gaq.push([<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
15<\/code><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>'_trackEvent'<\/code>,<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
16<\/code><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>'Ajax error'<\/code>,<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
17<\/code><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>settings.url,<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
18<\/code><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>e.result,<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
19<\/code><\/td>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>true<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
20<\/code><\/td>\n\u00a0\u00a0\u00a0\u00a0<\/code>]);<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
\n\n\n\n
21<\/code><\/td>\n});<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

Agora, quando voc\u00ea abrir o Google Analytics, vai poder visualizar informa\u00e7\u00f5es de eventos personalizados (custom event) com outros status do site. Claro que voc\u00ea ter\u00e1 que dizer ao pessoal do marketing que aquilo n\u00e3o \u00e9 um erro, mas features, mas essa \u00e9 outra hist\u00f3ria.<\/p>\n

Considere usar o Google Analytics para encontrar erros no seu site. Voc\u00ea me agradece depois.<\/p>\n

—–<\/p>\n

Texto de David Walsh, publicado originalmente no iMasters<\/a>.\t\t\t\t<\/p>\n","protected":false},"excerpt":{"rendered":"

\t\t\t\tO Google Analytics \u00e9 bem mais que um contador de acessos ou ferramenta demogr\u00e1fica \u2013 voc\u00ea pode construir toda a sua carreira por ser um analista de Google Analytics.\t\t\t\t<\/p>\n","protected":false},"author":1,"featured_media":2820,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,12],"tags":[33,99,111,133,158],"yoast_head":"\nEncontre erros de JavaScript com o Google Analytics - Blog DialHost<\/title>\n<meta name=\"description\" content=\"O Google Analytics \u00e9 bem mais que um contador de acessos ou ferramenta demogr\u00e1fica \u2013 voc\u00ea pode construir toda a sua carreira por ser um analista de Google Analytics.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dialhost.com.br\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Encontre erros de JavaScript com o Google Analytics - Blog DialHost\" \/>\n<meta property=\"og:description\" content=\"O Google Analytics \u00e9 bem mais que um contador de acessos ou ferramenta demogr\u00e1fica \u2013 voc\u00ea pode construir toda a sua carreira por ser um analista de Google Analytics.\" \/>\n<meta property=\"og:url\" content=\"\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog DialHost\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/DialHost\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/DialHost\" \/>\n<meta property=\"article:published_time\" content=\"2014-09-18T13:25:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dialhost.com.br\/blog\/wp-content\/uploads\/2019\/04\/og-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dialhost\" \/>\n<meta name=\"twitter:site\" content=\"@dialhost\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#organization\",\"name\":\"DialHost Internet\",\"url\":\"https:\/\/www.dialhost.com.br\/blog\/\",\"sameAs\":[\"http:\/\/www.facebook.com\/DialHost\",\"https:\/\/www.instagram.com\/dialhost_oficial\/\",\"https:\/\/www.linkedin.com\/company\/dialhost-internet\",\"https:\/\/www.youtube.com\/channel\/UCAiqiX8IiqTSfA8wQhpzgXQ\",\"https:\/\/twitter.com\/dialhost\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#logo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/www.dialhost.com.br\/blog\/wp-content\/uploads\/2019\/03\/marca-dialhost.png\",\"width\":81,\"height\":81,\"caption\":\"DialHost Internet\"},\"image\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.dialhost.com.br\/blog\/\",\"name\":\"Blog DialHost\",\"description\":\"Os melhores conte\\u00fados sobre Desenvolvimento Web, Marketing e Neg\\u00f3cios\",\"publisher\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.dialhost.com.br\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/#primaryimage\",\"inLanguage\":\"pt-BR\",\"url\":\"\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/#webpage\",\"url\":\"https:\/\/www.dialhost.com.br\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/\",\"name\":\"Encontre erros de JavaScript com o Google Analytics - Blog DialHost\",\"isPartOf\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/#primaryimage\"},\"datePublished\":\"2014-09-18T13:25:52+00:00\",\"dateModified\":\"2014-09-18T13:25:52+00:00\",\"description\":\"O Google Analytics \\u00e9 bem mais que um contador de acessos ou ferramenta demogr\\u00e1fica \\u2013 voc\\u00ea pode construir toda a sua carreira por ser um analista de Google Analytics.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dialhost.com.br\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"\/blog\/\",\"url\":\"\/blog\/\",\"name\":\"In\\u00edcio\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/\",\"url\":\"\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/\",\"name\":\"Encontre erros de JavaScript com o Google Analytics\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#\/schema\/person\/a0b10cbe35449dea173a06d4664f9fcc\"},\"headline\":\"Encontre erros de JavaScript com o Google Analytics\",\"datePublished\":\"2014-09-18T13:25:52+00:00\",\"dateModified\":\"2014-09-18T13:25:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/#webpage\"},\"publisher\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/encontre-erros-de-javascript-com-o-google-analytics\/#primaryimage\"},\"keywords\":\"analytics,feed de parceiros,google,javascript,noticias\",\"articleSection\":\"Marketing,Tecnologias\",\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#\/schema\/person\/a0b10cbe35449dea173a06d4664f9fcc\",\"name\":\"DialHost Internet\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#personlogo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/05feec2f99aef1c42b09aeaa637ee66f?s=96&r=g\",\"caption\":\"DialHost Internet\"},\"description\":\"H\\u00e1 mais de 18 anos proporcionando um servi\\u00e7o de hospedagem de sites voltado 100% na Experi\\u00eancia e Sucesso do Cliente, prezando a qualidade, transpar\\u00eancia e seguran\\u00e7a.\",\"sameAs\":[\"https:\/\/www.facebook.com\/DialHost\",\"https:\/\/www.instagram.com\/dialhost_oficial\/\",\"https:\/\/www.linkedin.com\/company\/dialhost-internet\",\"https:\/\/twitter.com\/dialhost\",\"https:\/\/www.youtube.com\/channel\/UCAiqiX8IiqTSfA8wQhpzgXQ\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/posts\/2767"}],"collection":[{"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=2767"}],"version-history":[{"count":0,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/posts\/2767\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/media\/2820"}],"wp:attachment":[{"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=2767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=2767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=2767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}