Trouble with custom code in Embed

Design help Custom code
1

I have some issues with some html code in a embed field in our footer: www.merk-echt.nl.

Behind the text ‘Beoordeling door onze klanten: 8,8/10 62 beoordelingen’ is a invisible link ‘Bekijk de beoordelingen’. When you select this ‘text’ behind ‘beoordelingen’ it will become visible.
(The text is Dutch for ‘Reviews from our customers: 8,8/10 62 reviews’ and ’Read the reviews’.)

When you click on this link, a 404 page opens, while it should open https://klantenvertellen.nl/referenties/merk_echt/ in a new tab.

But the embed code transforms the link automatically to https://www.merk-echt.nl/​https://klantenvertellen.nl/referenties/merk_echt

The embed code in the field is:

<span itemscope itemtype="http://schema.org/WebPage"> 
<span itemprop="aggregateRating" itemscope
itemtype="http://schema.org/AggregateRating"> 

Beoordeling door onze klanten:
<span itemprop="​ratingValue​">8,8​</span> / 
<span itemprop="bestRating">10</span> ­ 
<span>

<span itemprop="​ratingCount​">​62​</span> 
beoordelingen

[url=​https://klantenvertellen.nl/referenties/merk_echt/​]
Bekijk de beoordelingen 


</span>
</span> 
</span>

So, the text ‘Bekijk de beoordelingen’ shouldn’t be invisible and must link to https://klantenvertellen.nl/referenties/merk_echt/ instead of reporting a 404 error.

Maybe anyone here could help me?

2

Seems like you already solved this.

3

Hi samliew, unfortunately not. But maybe I’m looking wrong?

4

Oh, I was looking at the image. I didn’t realise the invisible text…

Your embed code doesn’t seem to be valid HTML. This is how it looks like to web browsers:

Screenshot_2017-10-31_211019

You should change this

[url=​https://klantenvertellen.nl/referenties/merk_echt/​]
Bekijk de beoordelingen

to this

<a href="https://klantenvertellen.nl/referenties/merk_echt/">
Bekijk de beoordelingen
</a>
5

Thanks again for your help, samliew. But your solution didn’t work.

The html code in the embed field is now:

<span itemscope itemtype="http://schema.org/WebPage">  <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> Beoordeling door onze klanten: <span itemprop="​ratingValue​">8,8​</span> / <span itemprop="bestRating">10</span> ­<span> <span itemprop="​ratingCount​">​62​</span> beoordelingen <a href="​https://klantenvertellen.nl/referenties/merk_echt/​"> Bekijk de beoordelingen </a> </span> </span> </span>

But the link is still not visible, is there maybe another solution that i can try?

6

Try deleting the entire embed code, inserting a new blank one, and typing every single character out manually without copying and pasting.

I can’t help you further without having access to the project.

7

Thanks again for your response, with the structured data testing tool from google i found out that there are some extra " added to the code while copying and pasting.

When i deleted those quotes the link works perfect, no more 404-error. And the invisible link is also white, i’ve added some styling into the embed field.

Thanks for your help, the problems are solved!