58: Installing Your Chat Widget Through Google Tag Manager
howdy chat about fans and welcome back in this lecture, I'm gonna show you how to add a tag and google tag manager. So you could add your facebook chat widget through there, which is in my opinion the preferred way of adding all your tags using google tag manager. So if you don't have a google tag manager account, go to Tag manager dot google dot com or google dot com forward slash tag manager to create a google tag manager account with your google account. Um You're gonna be given a workspace and you're gonna have a bunch of different panels that you can visit, overview. That's probably be that that'll probably be where you land on when you first create your account and then you're gonna have tags okay, tags where you want to be. We're gonna click add a new tag. We're gonna name our tag, I'm gonna call this mobile monkey chat widget. Okay. And now we're gonna configure our tag by telling google what type of tag this is. And we're gonna call this a custom html tag. So if you go down he...
re under custom custom html tag, you click that and we're gonna paste in our code that we got from Mobile monkey. Um Don't worry about any of the advanced settings over there triggering is where you tell google tag manager when to fire this tag. So typically if you're installing an analytics tag, it's gonna be on all pages. And if you want to have your facebook chat on all pages then just use the default all pages trigger. So for example, we'll go over here, click trigger and we're gonna click all pages which is a default that comes with google tag manager. And now once I save this tag, it's gonna be firing on all pages. Um if I wanted to only fire my facebook chat widget, let's say on a contact page, right, I could do that as well. So I could remove this, this this trigger of all pages. And I'm gonna go and add a new trigger over here on the upper right hand corner, we're gonna click plus untitled trigger. So contact page only so we know what it is and we know we know what it is and we know what it does and now we're gonna configure the trigger. So we're gonna call it page view. Right? So on some page views and we're gonna call this page path equals let's say forward slash contact. Okay. And that'll basically make sure that this trigger only fires or this tag only fires on the contact page of our site. If this indeed is the RL path of the site, I would save that and now that would be the trigger I have. But I want to have this firing on all trick on all pages of the site I'm installing this on. So I'm gonna go back here and I'm going to click all pages, I'm going to click save and now I could publish my container, it's not saved until I submit and publish this container. So I have to click submit, there is a way to preview um new tags. I'm not gonna go through that now because it's not so relevant to this course in particular but I'm going to click submit, I could give a name to this tag or this version of the edits, I don't need to do that. I could just I could just click publish, I'm gonna click skip to name the container and I'm now going to go to the site that I put this on to see if it's there. So I went to the website and sure enough the facebook chat widget is not showing up and if you guys remember why that is is because if you remember we have to white list that you are l inside bubble monkey. So let's grab this website and we're going to whitelist this back in mobile monkeys, we're gonna go to mumble monkey, we're going to edit this website chat widget here, we're gonna whitelist a new U. R. L. And we're going to wait for it to save and we're going to try reloading the page again and see what happens. Sure enough our website chat widget appears. It's working well I could click chat now and again, this is obviously not the bot for reset ivy. This is about for a different company but the point is you now know how to install it through google tag manager if I want to delete the tag and go back into google tag manager, I go into my mobile monkey chat. Widget tag and I click the three dots icon. Delete it, confirm the delete and make sure to publish again. So I'm going to submit the new container, publish, skip and now I've deleted the tag. Alright. And if I refresh the page it should be gone. Okay. And that's how you install your facebook chat. Widget on google tag Manager. You now know how to do it on on on Shopify or directly in Wordpress. Honestly, the easiest way to do it as you've seen is through google tag manager. It's the most flexible, it gives you the most options. But the main point of all this is the first thing you should be doing here is build a basic welcome page in mobile monkey. Go to your welcome page again over here, let me show you under pages under your default welcome page, create at least something to engage with the user, show them, you know, help them navigate to a couple of important pages, show them a coupon code that could use even if your body is not totally built out, it's totally fine. As long as any user engages with your bot, you now have a lead in your system. Okay? It's fantastic. It's very powerful. Get that mobile monkey website chat. Widget on your websites as soon as possible and in the next lecture we're gonna continue talking about. Html widgets and how you can use them to your advantage. See you guys in a couple of seconds.