if you are new to Google tag manager and want to get it set up and installed on
your WordPress website or blog so that you can easily install tracking scripts
like the Facebook pixel or Google Analytics whatever script that you like
then this video is for you don't worry if you're not at all tech savvy I'll
walk you through this step by step and show you my cover your butt strategy
that helps safeguard you against possible errors when installing the code
hey guys Kevin at Tru Lift Digital Marketing where we help business owners
and entrepreneurs help others through their products and services with digital
marketing welcome to the video Google tag manager install for beginners let's
get started with what is Google tag manager? When I created my first website
in 1996 there was no such thing as tracking codes heck there wasn't even
Google yet but not too long ago it used to be that there was likely one or maybe
two tracking codes you would likely install on your website to track various
activities or actions likely Google Analytics or even possibly Google
Webmaster Tools which is now called Google search console now with the
advent of tracking pixels from Facebook and Google along with other analytics
tracking codes that you might want to use like crazy egg hot jar or whatever
else the need for an easier way to add those codes to your site gave rise to
Google tag manager the concept is rather straightforward instead of individually
inserting code on your site for the ones I mentioned separate code inserted for
Facebook separate code for Google Analytics Google search console Google
AdWords crazy egg hot jar etc which if you are not tech savvy can be tedious
confusing and possibly lead to conflicts between the tracking codes now you just
place one universal tracking code on your site one time for Google tag
manager and then you insert the individual codes easily into Google tag
manager this greatly simplifies the installation of tracking codes and on
top of that is my favorite price free with that said I'll show you how to get
Google tag manager installed on your website here we are inside of my
wordpress dashboard and as a first step I'm going to open up a new tab in my
browser and do a google search for Google tag manager the first option is
the one that I want alternatively of course you can just enter google.com
forward slash Analytics slash tag - manager directly into your browser and
hit enter I'll click on that first option now this particular site gives
you access to many features within Google as you can see at the top
including analytics tag manager which we're on now optimize etc since I'm
already in the tag manager section I'm just going to click on the big green
button sign up for free I have a few different Google accounts but the one I
want is here so I'll just click on that one for you if you only have one Google
account your browser will likely just pop up one option for you to sign up
with and if you don't yet have a Google account you'll have to sign up for one
just follow the prompts that appear on your screen to do that my password is
saved and pre-populated for me so I'll just click Next to sign in if you don't
have your password saved in your browser you may have to manually enter it and
that loads up the admin area of Google tag manager if you have never been in
here before you should see something similar to this screen
Google is forever changing how their interface looks so your screen may
appear slightly different but what I'm referring to will be located somewhere
here you just may have to look around a bit you can set up multiple accounts
inside of each Google account that you have if you have multiple businesses
that you want to have Google tag manager set up for let's just assume that you
have one business that you are setting up now but if in the future you set up
another business just know that this account level is where you would enter
that new business name just enter the name of your business in the first blank
for me that is Tru Lift Digital Marketing you can share your data with
Google if you want here's some more information on that I'm not going to do
that I'll just click continue and then within each business you have various
'web assets' I'll call them that you can set up and what Google tag manager
refers to as a container when I say various web assets what I mean is if you
are setting up a full web presence and/or marketing funnel you will have
your website but then you may also have other URLs or websites related to your
business like landing pages or squeeze pages that you create with a page
builder like clickfunnels leadpages optimize press etc that you want to
track actions on as well I personally use clickfunnels but in this video
we're just going to focus on getting Google tag manager on your website for
now if what I said didn't make much sense then don't worry about it for now
if you want to check out more information on creating a web presence
and marketing funnels just check out our other videos on our channel or visit our
website at TruLiftDigital.com if you are just setting up Google tag
manager for your website like I am for now then you just need to create a
container for that if down the road you decide you wish to use Google tag
manager for other related pages or sites in the same business or account you
would just repeat this next step to create a container for those separate
pages that you want to put tracking codes into just enter your website below
container name you don't have to enter the URL just something that identifies
your site to you but I will for mine TruLiftDigital.com I'm interested in
tracking activity on my website so I'll click web and then create and of course
the ever-present Terms of Service have a read through that I'm just going to
click on yes to accept those
here you have the instructions on how to install the Google tag manager code onto
your website what you have here are two pieces of code called code snippets or
could be referred to as tracking scripts or simply scripts that you need to place
in your website's HTML which is your website's code just so you know below
the snippets there's a link you can click on if you want for a QuickStart
guide there are a number of ways that you can get these code snippets on your
website the first way if you installed a new theme on your website your theme may
have an easy script install method as part of that theme what I found
personally with the themes that I have used is that while those easy script
installs can be handy for most codes or scripts the specific code of Google tag
manager doesn't really work well inside them and so I'm just gonna skip showing
you those in this video as they don't have a great example and the themes that
I have used to show you the second method is what I refer to as the manual
method which is the one that I'll be showing you in this video method number
three involves the use of plugins within WordPress if you are interested in
learning how to do this using a plug-in I also have a video on how to use the
duracell Tommi plug-in that I will link to in the description area below this
video and finally if you are uncomfortable with doing it yourself you
can always get a web developer or someone else to do it for you if you're
not tech savvy though have no fear I'm gonna walk you through this step by step
the good news is you only have to install the Google tag manager code once
and that's it before we go ahead I just want to add a small point I'm starting
this section off assuming that you have not created any tracking codes on your
site yet if you have for example already installed Google Analytics using some
other method make sure to not double install any code snippet by that I mean
(to follow the Google Analytics example) don't install Google tag manager and
then put Google Analytics inside of Google tag manager if you have installed
Google Analytics directly on your site as that will double count your data and
give you skewed numbers in your reporting either delete the tracking
code that you're already put directly on to your site and use Google tag manager
to put that code back on your site or if you're already getting data on that
tracking code that you want to keep and you don't want to delete that code just
don't add that specific tracking code back on your site again by putting it
inside of Google tag manager I feel like I talked in a bit of a circle there but
hopefully that made some sense if you haven't put any tracking code on
your site yet then don't worry about what I just said I'm just gonna go back to the Google tag
manager tab first highlight the code in the top box and copy it by clicking ctrl
C in PC or command C if you use a Mac this places the first part of the code
into your clipboard just like it says you need to paste the code as high in
the head of the page as possible I'll show you what that means right away I'm
just going to go back to the wordpress dashboard of my website if you're not
logged in there yet you'll have to do so I'm just going to go down the left
sidebar to appearance hover over that and then slide over to editor and click
on that
now depending on what theme you have and what version of WordPress you are using
you may see a slightly different screen also if you have not gone inside of this
editor area before your screen may be showing you a warning like this one this
is a screenshot of what your screen might look like if this is your first
time in here as it says here editing this code is highly discouraged proceed
with caution and the reason for that is if you are not tech savvy and you screw
something up in this section you can actually break your site and have a hell
of a time trying to figure out how to fix it
having said that I'm going to show you step by step here in the next few
minutes exactly what to do to add your Google tag manager code and also show
you a way that I protect myself from the possible errors that it is warning you
about here with what I referred to earlier as my cover your butt method
although it doesn't really require a special title it's pretty basic if you
don't feel comfortable following along with me then that's cool
like I said earlier you can just get somebody else to install this code for
you if you want to have Google tag manager on your site perhaps you will
want to watch what I do in the next few minutes before making any changes on
your site and if you then feel comfortable editing some code after you
see what I'm about to do then just come back to this part of the video and click
on the proceed button here to do that before you do however I would also
suggest at this point as an additional precaution that you backup your website
if you are not sure how to do that I will leave a link in the description
area with this video to another video that will show you how to do just that
I'll just switch back to my live screen now I've already installed the avada
theme on my site but no matter what theme you are using select your active
theme from the drop-down on the right side here and then scroll down the right
side until you find header.php which for me is this one here theme header
with header.php in brackets so just click on that which will load up the
code for that particular section of your website if you remember back on the
Google tag manager page we were just on you need to place the code as high in
the head section as possible if you're not familiar with code this right here
is the opening tag for the head section it just has this style of Open bracket
the word head and then the same style closing bracket with no spaces think of
it like that chapter heading in a book this section is the head chapter and
then if you scroll down the page you will eventually find the closing tag for
the head section or like the end of the chapter
not all HTML tags are like this, but for the head tag you
will know that this is the end of the chapter or the closing tag because after
the opening bracket you will have this forward slash before the word head which
denotes a closing tag everything between the opening head tag and the closing
head tag is the head section of your website or like I said kind of like a
chapter in a book you just need to paste the code that we copied to your
computer's clipboard as hghi in this section as possible the reason to place
it as high in the head section as possible is when your web page loads to
typically load by reading your code from the top to the bottom if you've ever
been on a page that loads slowly which can happen when either you have a slow
internet connection or the site is very data rich ie lots of video etc there may
be instances when the user after waiting just decides to leave the point of
installing tracking codes is to let you know things like slow load times etc by
placing your code as high in the respective section as possible which
will give your code a better chance of getting loaded and getting you that kind
of information even if the user leaves hopefully I explained that okay now that
we are up to the opening head tag we could just place our cursor after the
opening tag obviously as high as you can get in the head section click enter and
paste that code now because I'm admittedly not very tech savvy I'll show
you a quick trick or hack that I used to protect myself from my screw-ups to
cover my butt that should also give you some more confidence if what I said
earlier about breaking your site made you nervous it takes a bit of
back-and-forth but it really has saved my butt a few times so here we go rather
than just paste the code directly from my clipboard after the head tag
immediately I go up a little above the area that I'm gonna change with my mouse
to give myself a reference point and then I highlight the text down to just a
bit past where I'm going to insert the new text and then I copy that command C
in my case ctrl C if you're on a PC which copies that text onto my clipboard
then I go to a text editor that can be anything that you use like Word or
Google sheets Evernote etc I usually put my stuff in Microsoft OneNote so I'll
open that up I'll just type the word before so that I know that this is what
it looked like before I made the changes and then I paste the information from my
clipboard ctrl or command V by doing this extra step what I've actually now
done is replaced what was in my clipboard which was the code that I
needed from Google tag manager so I will have to go back to the Google tag
manager and copy that same highlighted portion
again control or command C and then go back to my wordpress dashboard now I can
place that code after the opening head tag here so I'll just put my cursor
after the closing bracket and hit enter and then I paste the code which added
whoops which added this new bit of code from Google tag manager here now that
the code has been added I go up above the area that has changed and I
highlight the text down to below the change that I made and copy that go back
to OneNote or whatever text editor you are using I'll enter the words after to
let me know that this is how things looked after I made the change and then
paste that after section command or control V and then I usually just
highlight this section that is new just to make it easier for me to see what the
change was just to sum up what I just did and why all I've really done is just
copied and pasted the section of the code on my website first the way that it
was before I made the changes and then copied and pasted the same thing with
the changes made and then highlighted the changes that I made so that I'm
clear what I actually added the reason for that being if after I make these
changes and go back to my website if I notice that something isn't working
right I know that it is likely due to the change that I made in which case I
would just go back to this page in OneNote and use it to undo what I've
done in this case the section I added is highlighted in yellow so I would just go
back to the header dot PHP section of my website and delete the section I added
resave it and that should fix the problem remember as an extra precaution
you should have also backed up your website so if there still is a problem
you can just go back to the way things were before you made these changes so
now you're only halfway through the code install of Google tag manager so I have
to go back to Google tag manager
and do the same thing with this text in the lower box but this time I need to
place this code into the body section of my website so I copy that and go back to
my wordpress admin page now I'm looking for the body tag from my website so I'll
just scroll down it should be right after the closing head tag or shortly
after it here's the closing head tag and here is the opening body tag normally
this opening tag would just be Open bracket the word body and then a closing
bracket but this opening body tag has another tag embedded in it don't let
that throw you off as long as you see an opening bracket immediately followed by
the word body with no spaces you are looking at the opening body tag now I
could just go to the end of this tag or chapter heading section hit enter and
paste that code but I'll perform that extra step again to cover my butt if you
don't feel like you need that extra step of course you can just skip this but I'm
just going to highlight the text from say here to somewhere down like here
copy that and go back to OneNote type before
and then paste then go back to the Google tag manager tab and copy that
code again because it was replaced inside of my clipboard ctrl or command C
go back to my dashboard then after the opening body tag I'll hit enter then
paste that piece of code ctrl or command V
which is this section here so I'll highlight all of that and a little bit
more copy that and go back to OneNote type after I'll just put a space first
paste that section and then highlight the part that I just added and there you
go that's that I would then save this page somewhere likely using the current
date so that I know when these changes were made then if anything screws up on
my site I have a good reference area for how to put them back to the way it was
before admittedly this is an extra step that likely takes longer to explain than
it does to actually do but I think it's always a good idea to be safe if you
don't feel like you need to step of course just skip it and one more thing
once you have done that go back to your dashboard scroll down to the bottom of
the page actually scroll down the side here and click on update file to save
your changes and it says file edited successfully if you are seeing the same
thing congratulations you have just installed your Google tag manager code
on your website you can now start to add other various tracking codes or scripts
into your Google tag manager codes like Facebook pixels Google Analytics etc
which you can find how to do on our YouTube channel if you like this video
I'd really appreciate you hitting the thumbs up button below this video our
goal here at Tru Lift is to help more business owners and entrepreneurs help
more people through the products and services they offer and hitting that
like button allows this video to help more people if you're new here and you
like what you've seen so far why not hit the subscribe button and then the
notification bell to get notified of new videos as soon as we put them out and
then leave a quick comment if you like to introduce yourself I'd love to hear
about what you're looking to do and how I might be able to help I'll end this
video here but to ensure that the code you just installed is working properly
your next step is to verify your Google tag manager code to learn how to verify
that your Google tag manager code is in fact working properly just click on the
video link on your screen right now or in the description area below this video
and you'll be taken directly there thanks for watching take care of
yourselves and your loved ones
Không có nhận xét nào:
Đăng nhận xét