GTM variable DOM element image URL

Question

I added dynamic structured data for recipes to my webiste, but the variable for the recipe image is not displayed correctly. The data layer autmatically adds two backslashes in front of every slash of the url. This causes problems with the rich snippet:

Screenshot DOM variable

Source code

Error in rich results test

rendered HTML in GTM preview

I am no programmer, just an SEO and my skills in HTML are very basic, so I would be very happy if anyone could help me out with that. Thanks

Julia

if you need a javascript line to clear the URL let me know and I'll update my answer — Yosi Leibman, Jun 14 '22 at 10:26

score 0 · Answer 1 · answered Jun 14 '22 at 10:25

0

It's called escaping. the slashes are dual-meaning, they act both as a regular character and also as a programing indicator, so when you want to use them as regular char - you have to "escape" the programing meaning by adding a backslash before.

answered Jun 14 '22 at 10:25

Yosi Leibman

386
3
16

score 0 · Answer 2 · answered Jun 14 '22 at 11:33

If you want to make sure, that the escaping is removed in the rendered HTML, just create an additional JS var in GTM:

function removeEscaping() {
  var escapedUrl = {{}}, //your DOM var
      cleanedUrl = escapedUrl.replace('\\','');
  return cleanedUrl;
}

This should do the job...

GTM variable DOM element image URL

2 Answers2