Ссылка на источник через html css

Каким образом можно реализовать такую вещь: при копирование ссылки с какого-то сайта и вставки в соц сеть, чтобы отображался блок с минимальной информацией и лого этого сайта, вот как на этой картинке например

Я нашел что-то типо этого
< script > document.oncopy = function() {
    var bodyElement = document.body;
    var selection = getSelection();
    var href = document.location.href;
    var copyright = "<br><br>Источник: <a href='" + href + "'>" + href + "</a><br>";
    var text = selection + copyright;
    var divElement = document.createElement('div');
    divElement.style.position = 'absolute';
    divElement.style.left = '-99999px';
    divElement.innerHTML = text;
    bodyElement.appendChild(divElement);
    selection.selectAllChildren(divElement);
    setTimeout(function() {
        bodyElement.removeChild(divElement);
    }, 0);
}; < /script>

Вставил перед </body>, но на локальном видимо не работает, хоть тут и нет кода с информацией и лого.