{"id":11445,"date":"2020-01-06T17:43:11","date_gmt":"2020-01-06T17:43:11","guid":{"rendered":"https:\/\/n404.net\/?p=11445"},"modified":"2026-11-11T16:00:34","modified_gmt":"2026-11-11T16:00:34","slug":"com-installar-google-tag-manager-a-wordpress","status":"publish","type":"post","link":"https:\/\/n404.net\/ca\/blog\/com-installar-google-tag-manager-a-wordpress\/","title":{"rendered":"Com instal\u00b7lar Google Tag Manager a WordPress (la forma CORRECTA)"},"content":{"rendered":"

[et_pb_section fb_built=\u00bb1″ _builder_version=\u00bb4.27.5″ background_color=\u00bbRGBA(255,255,255,0)\u00bb max_width=\u00bb650px\u00bb module_alignment=\u00bbcenter\u00bb custom_margin=\u00bb0px|0px|0px|0px|false|false\u00bb custom_padding=\u00bb0px|0px|0px|0px|false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.16″ background_size=\u00bbinitial\u00bb background_position=\u00bbtop_left\u00bb background_repeat=\u00bbrepeat\u00bb width=\u00bb92%\u00bb max_width=\u00bb650px\u00bb module_alignment=\u00bbcenter\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ custom_padding=\u00bb|||\u00bb global_colors_info=\u00bb{}\u00bb custom_padding__hover=\u00bb|||\u00bb][et_pb_button button_url=\u00bb\/blog\/\u00bb button_text=\u00bbBlog\u00bb _builder_version=\u00bb4.16″ custom_button=\u00bbon\u00bb button_text_size=\u00bb14px\u00bb button_text_color=\u00bb#000000″ button_bg_color=\u00bb#f5f5f5″ button_border_width=\u00bb0px\u00bb button_border_radius=\u00bb14px\u00bb button_icon=\u00bb#||divi||400″ button_icon_color=\u00bb#000000″ button_icon_placement=\u00bbleft\u00bb button_on_hover=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1″ _builder_version=\u00bb4.27.5″ background_color=\u00bbRGBA(255,255,255,0)\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.16″ background_size=\u00bbinitial\u00bb background_position=\u00bbtop_left\u00bb background_repeat=\u00bbrepeat\u00bb width=\u00bb92%\u00bb max_width=\u00bb650px\u00bb module_alignment=\u00bbcenter\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ custom_padding=\u00bb|||\u00bb global_colors_info=\u00bb{}\u00bb custom_padding__hover=\u00bb|||\u00bb][et_pb_text _builder_version=\u00bb4.16″ background_size=\u00bbinitial\u00bb background_position=\u00bbtop_left\u00bb background_repeat=\u00bbrepeat\u00bb header_2_font_size_tablet=\u00bb\u00bb header_2_font_size_phone=\u00bb26px\u00bb header_2_font_size_last_edited=\u00bbon|phone\u00bb global_colors_info=\u00bb{}\u00bb]Si no ets gaire t\u00e8cnic i no tens gaire temps per remenar el codi del teu web, o si simplement vols evitar que de sobte tot deixi de funcionar perqu\u00e8 has tancat malament una l\u00ednia de codi o has desat quan no tocava, el millor \u00e9s que instal\u00b7lis Google Tag Manager al teu web per gestionar tots els codis de seguiment que puguis necessitar.<\/p>\n

Vols saber com instal\u00b7lar Google Tag Manager a WordPress?<\/h2>\n

Google Tag Manager<\/strong> et permet afegir i actualitzar tots els codis de seguiment que puguis estar utilitzant sense necessitat de tocar l’html de les teves p\u00e0gines.<\/p>\n

En aquest article, et mostrar\u00e9 com instal\u00b7lar Google Tag Manager a WordPress de la manera correcta.<\/p>\n

Qu\u00e8 \u00e9s Google Tag Manager?<\/h2>\n

Google Tag Manager<\/strong> \u00e9s una eina gratu\u00efta de Google que et permet implementar i actualitzar diferents codis anomenats \u00abetiquetes\u00bb al teu lloc web.<\/p>\n

Des de Google Analytics, Adobe Analytics, Facebook Pixel, LinkedIn Insight<\/strong> o qualsevol altra eina de publicitat com Google AdWords<\/strong> requereixen que afegeixis unes quantes l\u00ednies de codi JavaScript o HTML al teu lloc web, per aix\u00f2, Google Tag Manager<\/strong> es converteix en un recurs que simplifica aquesta tasca.<\/p>\n

Amb Google Tag Manager<\/strong>, pots afegir i gestionar f\u00e0cilment tots aquests codis des d’una \u00fanica interf\u00edcie, sense haver d’editar el codi del teu lloc web cada vegada. Google Tag Manager<\/strong> \u00e9s una eina que permet a qualsevol persona, per principiant que sigui, implementar r\u00e0pidament scripts de seguiment al seu web.<\/p>\n

Dit aix\u00f2, continuem i vegem com configurar Google Tag Manager<\/strong> a WordPress<\/strong> de la manera adequada.<\/p>\n

Afegir Google Tag Manager a WordPress – Pas a pas<\/h2>\n

Pas 1: crear un compte d’administrador de Google Tag<\/h3>\n

En primer lloc, el que has de fer \u00e9s registrar-te a Google Tag Manager<\/strong> i fer clic al bot\u00f3 de registre.<\/p>\n

Registra’t a Google Tag Manager<\/span><\/a>
\n\"Reg\u00edstrate<\/p>\n

Un cop dins podr\u00e0s veure la p\u00e0gina Crear compte de l’Administrador d’etiquetes de Google. Fes clic al bot\u00f3 \u00abCrear compte\u00bb<\/strong> per comen\u00e7ar.<\/p>\n

 <\/p>\n

\"Crear<\/p>\n

A la pantalla seg\u00fcent, pots afegir un compte nou. Introdueix el nom de compte i selecciona el pa\u00eds al quadre Configuraci\u00f3 del compte. Pots utilitzar el nom de la teva empresa com a nom de compte.<\/p>\n

\"A\u00f1adir<\/p>\n

A continuaci\u00f3, preparem el contenidor.<\/p>\n

Un contenidor \u00e9s la col\u00b7lecci\u00f3 d’etiquetes, activadors i totes les configuracions instal\u00b7lades en un web.<\/p>\n

Pots introduir el nom del teu web com a nom del contenidor. Tria \u00abWeb\u00bb a l’opci\u00f3 \u00abPlataforma objectiu\u00bb i despr\u00e9s fes clic al bot\u00f3 Crear.<\/p>\n

\"Configuraci\u00f3n<\/p>\n

Accepta l’ Acord de condicions de servei de Google Tag Manager<\/strong> per continuar. Marca la casella situada al costat de \u00abAccepto les condicions de processament de dades exigides pel GDPR\u00bb a la part inferior i, a continuaci\u00f3, fes clic al bot\u00f3 \u00abS\u00ed\u00bb situat a la cantonada superior dreta.<\/p>\n

\"Aceptar<\/p>\n

Un cop acceptades les condicions del servei, apareixer\u00e0 una nova finestra emergent amb els codis per instal\u00b7lar Google Tag Manager.<\/p>\n

\"C\u00f3digos<\/p>\n

Hi ha dos fragments de codi que s’han d’afegir a l’encap\u00e7alament i al body del web.<\/p>\n

Pas 2: Afegir el codi de l’Administrador d’Etiquetes de Google a WordPress<\/h3>\n

La manera m\u00e9s senzilla d’instal\u00b7lar GTM \u00e9s utilitzant plugins, aix\u00f2 evita haver de tocar el codi del web.<\/p>\n

Accedeix al teu WordPress i instal\u00b7la el plugin Insert Header and Footers<\/a> i activa’l.<\/p>\n

\"plugin<\/p>\n

Un cop activat, ves a la p\u00e0gina Configuraci\u00f3 \u00abInsert Headers and Footers\u00bb<\/strong>.<\/p>\n

Ara pots veure dues caixes per afegir el codi al header i al body del web.<\/p>\n

\"Configuraci\u00f3n<\/p>\n

Torna al teu compte de Google Tag Manager i copia el codi del primer quadre i l’enganxes a \u00abScripts in Header\u00bb<\/strong>. El segon codi el copies al segon requadre a \u00abScripts in Footer\u00bb<\/strong>.<\/p>\n

\"A\u00f1adir<\/p>\n

No oblidis desar els canvis.<\/p>\n

De moment ja tens instal\u00b7lat l’Administrador d’etiquetes de Google al teu WordPress. Ara pots utilitzar el teu tauler de control del Google Tag Manager per instal\u00b7lar qualsevol codi de seguiment.<\/p>\n

Pas 3: Afegir i publicar etiquetes al teu gestor d’etiquetes<\/h3>\n

Google Tag Manager \u00e9s compatible amb m\u00e9s de 50 tipus d’etiquetes, inclosos els productes de m\u00e0rqueting de Google i m\u00e9s serveis de tercers. A m\u00e9s, tamb\u00e9 pots afegir etiquetes HTML o JavaScript personalitzades al teu web a trav\u00e9s de la seva interf\u00edcie.<\/p>\n

Anem-hi.<\/p>\n

El primer i per estalviar temps m\u00e9s endavant et recomano crear una variable amb el teu ID de Google Analytics. Es fa aix\u00ed.<\/p>\n

Fes clic a \u00abVariables\u00bb<\/p>\n

\"Variables<\/p>\n

Despr\u00e9s fes clic a \u00abNova\u00bb<\/strong>.<\/p>\n

\"variables<\/p>\n

I seleccionem \u00abConfiguraci\u00f3 de Google Analytics\u00bb<\/strong>.<\/p>\n

\"Elegir<\/p>\n

Donem nom a la variable \u201cGA-ID\u201d<\/strong> i afegim el nostre ID a \u201cTracking ID\u201d<\/strong>.<\/p>\n

\"Configuraci\u00f3n<\/p>\n

I desem.<\/p>\n

A continuaci\u00f3, crearem una etiqueta perqu\u00e8 s’executi el codi d’analytics al nostre web.<\/p>\n

Fem clic a la icona \u00abNova<\/strong>\u00bb i seguim els passos per crear la primera etiqueta.<\/p>\n

\"nueva<\/p>\n

Selecciona \u00abGoogle Analytics: Universal Analytics\u00bb.<\/p>\n

\"elegir<\/p>\n

I afegeix la variable que hem creat abans.<\/p>\n

\"Configuraci\u00f3n<\/p>\n

Cal seleccionar l’activador a totes les p\u00e0gines perqu\u00e8 el codi s’executi a tot el web.<\/p>\n

\"elegir<\/p>\n

Despr\u00e9s, l’\u00fanic que ens faltar\u00e0 per fer \u00e9s publicar el contenidor.<\/p>\n

\"enviar<\/p>\n

 <\/p>\n

Espero que aquest article t’hagi ajudat a instal\u00b7lar Google Tag Manager de manera correcta al teu WordPress.<\/p>\n

Conclusi\u00f3<\/h2>\n

Utilitzar Google Tag Manager \u00e9s la manera m\u00e9s simple d’administrar les etiquetes que pots necessitar al teu web. Un altre gran avantatge \u00e9s que totes les etiquetes es carregaran de manera as\u00edncrona, de manera que no alenteixen el web ni s’interposen les unes amb les altres. Cada etiqueta es dispara immediatament, cridant l’Administrador d’etiquetes de Google, mentre que la p\u00e0gina simplement continua carregant-se. Aquest sistema t\u00e9 un impacte directe en la velocitat de c\u00e0rrega de la p\u00e0gina.[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

Si no ets gaire t\u00e8cnic i no tens gaire temps per remenar el codi del teu web, o si simplement vols evitar que de sobte tot deixi de funcionar perqu\u00e8 has tancat malament una l\u00ednia de codi o has desat quan no tocava, el millor \u00e9s que instal\u00b7lis Google Tag Manager al teu web per […]<\/p>\n","protected":false},"author":2,"featured_media":11444,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-11445","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categorizar"],"_links":{"self":[{"href":"https:\/\/n404.net\/ca\/wp-json\/wp\/v2\/posts\/11445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/n404.net\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/n404.net\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/n404.net\/ca\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/n404.net\/ca\/wp-json\/wp\/v2\/comments?post=11445"}],"version-history":[{"count":1,"href":"https:\/\/n404.net\/ca\/wp-json\/wp\/v2\/posts\/11445\/revisions"}],"predecessor-version":[{"id":11452,"href":"https:\/\/n404.net\/ca\/wp-json\/wp\/v2\/posts\/11445\/revisions\/11452"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/n404.net\/ca\/wp-json\/wp\/v2\/media\/11444"}],"wp:attachment":[{"href":"https:\/\/n404.net\/ca\/wp-json\/wp\/v2\/media?parent=11445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/n404.net\/ca\/wp-json\/wp\/v2\/categories?post=11445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/n404.net\/ca\/wp-json\/wp\/v2\/tags?post=11445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}