Как подключить ссылку от виджета с другого сайта

Question

Как отключить ссылку, связанную с виджетами, добавленными на мой сайт? У меня нет доступа к чему-либо другому, кроме кода HTML-кода реализации. Примером может служить виджет Trustpilot в нижней части страницы в ссылке. Если вы нажмете на виджет, он приведет вас к веб-сайту Trustpilots, но мы не хотим, чтобы это произошло. https://goldsilver.com/

Answer 1

Вы можете дать этому CSS свойство конкретного тега, как это:

a { pointer-events: none; } 

a.disabled_link { 
 
    pointer-events: none; 
 
}

<a class="disabled_link">Any Link</a>

Кстати, вы не можете сделать эту вещь виджетов, предоставляемых продавцов, поскольку это противоречит их политике.

Answer 2

Виджет - это iframe, а iframe - кросс-домен (поэтому исходный файл iframe отсутствует на вашем сайте), вы не можете изменить его внутри. Вы можете поместить над ним надпись div, но это блокирует каждый щелчок на iframe.

Кстати, вы не можете сделать эту вещь виджетов, предоставляемые продавцами, как его против их политики ~ саумйа Rastogi

Только для целей обучения:

#widget { 
 
    width: 450px; 
 
    height: 350px; 
 
    border: 1px solid black; 
 
    position: relative; 
 
} 
 
#widget > iframe { 
 
    border: 0; 
 
    position: absolute; 
 
    width: 100%; 
 
    height: 100%; 
 
    top: 0; 
 
    left: 0; 
 
    z-index: 1000; 
 
} 
 
#widget:after { 
 
    content: ""; 
 
    position: absolute; 
 
    width: 100%; 
 
    height: 100%; 
 
    top: 0; 
 
    left: 0; 
 
    z-index: 2000; 
 
}

<div id="widget"> 
 
    <iframe src="https://widget.trustpilot.com/trustboxes/539ad0ffdec7e10e686debd7/index.html?locale=en-US&templateId=539ad0ffdec7e10e686debd7&businessunitId=4bf1926500006400050c99f2&styleHeight=350px&styleWidth=100%25&theme=light&stars=4%2C5"></iframe> 
 
</div>