For those of you using Tag Companion, are you using it more to validate changes or are you using to modify content on the fly?

[jared_hislop]

I use it everyday to validate changes before pushing them to production. It is AWESOME! I have used it several times to modify content, but I mostly use it for validation purposes. Great work with this tool Engineering!!

[joseph_brown · Accepted solution]

I have used it more to explore what data elements are available on a page and pass items back into variables. Previously, I used Chrome Dev tools to get an understanding as to what maybe available and of value for me to capture. Then I would open the console and setup the variables. I have tried to use the content modification functionality a few times but have not got that working correctly yet in my dev environment. My xpath seems to be funky and causing problems. A video/tutorial demonstrating how to setup content modification would be nice.

[Seth]

That is certainly something we can and will do. We're frequently adding new functionality and improving old, so we will release new tutorials on a regular basis. I'm glad to hear the validation aspect runs smoothly. The On-Page Element Selector is one of my favorite tools.

[Clint]

Hey Joseph, can you be a little more explicit about the problem with xpath you are seeing? Would love to take a look at it and see if it's something we can solve on our end.

[joseph_brown]

To be honest it really could just be because I am using it on a silly little wordpress site to get familiar with it. I would freak out a bunch of IT folks if I start modifying content in a dev environment. I created a basic test @ www.joecbrown.com/test-2 and I am trying to change the image of the football when I add joebrown as a query parameter (www.joecbrown.com/test-2?joebrown). I keep playing with the position and xpath but have not successfully had the content replaced. I used Chrome Dev tools and noticed the xpath it provides (//*[@id="main"]/div[1]/p[2]/a/img) differs slightly from tag companion as it does not start at the beginning. I have tried both but have not had much luck producing the desired result of replacing one image with another.

[Clint]

Joseph, I suspect that you are trying 'replace content' when what you really want is 'replace node' try using 'replace node' and use the following: Feel free to replace the image source with whatever source you are testing with.

[joseph_brown]

I switched to replace node and the second image appears on the page but it does not replace the old one. So it shows both the old image and new image. I am not sure if you entered something after "and use the following:". If so it did not come through in the comment. Feel free to call me Joe.

[Clint]

Ooops. looks like the bloomfire platform stripped the HTML I pasted. Let's see:

If there's no code between above then here's what the short version of what I did. I took the original img tag and replaced the source from .../images1.jpg to .../images2.jpg Long Answer: Launched TagCompanion Went to Tools Changed to On-Page Element Selector Selected the football image Copied the node (img tag) from the Node Information section in TagCompanion Selected "Add Content Modification Rule" Changed placement to "Replace Node" Pasted img tag into the Content Modification box Changed images1.jpg to images2.jpg Previewed

[landin_gee]

Jared Hislop forced me to use it often and now it is a tool I cannot live without because of testing using the Dev profile switch and seeing what variables outside of Tealium are available to grab.