How to Scrape Data Using Chrome Dev Tools and GTM [Quick Tip]

[@Jean13fr]

Thank you for another great tip ! You are the best Julian.

[@lacascadaobregon]

Please post more of this content Cheers, from USA

[@mareklukaszuk2280]

Great tips! But I'm still struggling because I try to track a Single page web app. Can we use this method with other events than DOM?

[@manoj081182]

What are the ways to restrict the data from scrapping. If you can help on this.

[@rish1102]

Your videos have helped a lot sir! You're the best

[@MeasureSchool]

Happy to help! Thanks for the feedback.

[@marshallsr9126]

How can I track a section without ID and a Class that isn't unique either?? I mean, other sections share the same Class. Thanks for all your work

[@arnopisspot5115]

You are the man Julian. Thank you.

[@daksh7198]

How to pull form data form inspect tab and paste in to a textbox in a webpage

[@davidsheridan6400]

Thanks Julian that video was brilliant, I am having an issue though in pulling the Product Title from my site, I successfully tested the method using console in Chrome dev tools to isolate the product title text. document.querySelector("#prx-package-preview > div.prx-package-preview-header > div.prx-package-preview-title").innerHTML "Botanicals Birth Announcement (5x7")" I also setup the custom javascript variable below: function(){ return document.querySelector("#prx-package-preview > div.prx-package-preview-header > div.prx-package-preview-title").innerHTML } However when testing with GTM, the variable value only shows " under DOM Ready Not sure if I am missing something or if there are some troubleshooting things I can check? Thanks!

[@MeasureSchool]

might be that your element loads after the DOM Ready and therefore cannot be pulled

[@mariobreljak1230]

Is there any way to scrape the info from the popup? :)

[@TheFantayo]

What if there's gonna be two products on the same page?

[@ingevanwesterhuis2319]

Thank you so much, this was life-saving! :)

[@luisaleers]

Great tip, one more thing I'd like to see explained is how to best pull this data into GA (e.g. via custom dimension?).

[@TheFantayo]

Great tip but I can do this only with text... What about text inside Button?

[@ibrahimmuthanna0]

It's the same, it can also be done with button and the innerHTML of a button is the text inside the button tag

[@TheFantayo]

@@ibrahimmuthanna0 Didn't work for me yet. Got to try again if you say it should work

[@TheFantayo]

@@ibrahimmuthanna0 .value worked perfect tnx for this tip

[@ibrahimmuthanna0]

You are very welcome. ​good you caught it before I deleted because I had thought that I need to check it before replying.

[@williefour]

Hey Julian. Always love watching your videos. I'm not as familiar with utilizing custom javascript tags in tag manager. What is the practical purpose of what you explained in this video? What can we then do with the data? Thank you!

[@MeasureSchool]

In this video, I am trying to scrape the data from the website, and using these data in 3rd party tracking tools. The more reliable way to do that will be to push them into dataLayer. This scraping method is just the last resort if you can't get the data into dataLayer.

[@TheDakson]

Thanks, useful as always :)

[@vitusstockholm4984]

i wrote customised cookies consent banner with cookies logic and now its so painfull to connect it to production with gtag and Ga ;() seeing all ur videos :D

[@thibautnyssens7359]

Only works on websites your own isn't it?

[@MeasureSchool]

The script works on any website, however you can't get your GTM code on the website you don't have access to.

[@anderson_roseno]

Wonderful, I need tais solution❤

[@goranpismestrovic227]

Thank you Julian! This is very useful! Is this also applicable to HTML data-* Attributes? -> just figured it out. At the end instead of using .innerHTML you can use .getAttribute('data-name-xyz') -> Works like a charm and helps to get some hidden information.