Automatické přidání zdroje ke každému textu, který vám někdo zkopíruje z webu

Tento JavaScriptový kód automaticky připojí odkaz na aktuální stránku ke každému zkopírovanému textu. Využívají ho i velké zpravodajské weby jako iDnes, protože skvěle funguje u článků, které lidé často kopírují a sdílí třeba na Facebooku. Výsledek? Každá věta, kterou si někdo zkopíruje z vašeho webu, s sebou nese i jasný odkaz na původní zdroj. Kód můžete vložit před značku </body> Pokud používáte WordPress Elementor, tak klidně do footeru jako html kód. Viz obrázek níže.

<script>
document.addEventListener(‚copy‘, function(e) {
var selection = window.getSelection();
var pageLink = ‚\nZdroj: ‚ + document.location.href;
var copyText = selection + pageLink;
e.clipboardData.setData(‚text/plain‘, copyText);
e.preventDefault();
});
</script>

Co přesně tento šikovný pomocník dělá:

1. Naslouchá události „copy” – tedy když uživatel na stránce něco zkopíruje (Ctrl+C nebo pravé tlačítko → Kopírovat).
2. Získá označený text pomocí window.getSelection().
3. Připojí k němu URL stránky – vytvoří text ve formátu:
   označený_text + "\nZdroj: https://vasestranka.cz"
4. Nahradí obsah clipboardu (schránky) tímto novým textem.
5. Zabrání výchozímu chování pro kopírování voláním e.preventDefault().

Výsledek:

Když uživatel označí a zkopíruje část textu z vašeho webu, do schránky se místo samotného textu vloží i odkaz na zdroj.

Příklad:

Pokud uživatel označí:

„Toto je důležitá věta.”

Do schránky se vloží:

Toto je důležitá věta.
Zdroj: https://vasedomena.cz/podstranka

Proč je to užitečné?

• Zabraňuje neoznačenému kopírování obsahu.
• Zvyšuje pravděpodobnost získání zpětného odkazu.
• Pomáhá s ochranou obsahu a SEO.