To set a canonical tag using JavaScript, you need to first create a new link
element and then append it to the head
of your HTML document. Here's an example:
index.tsx331 chars11 lines
In this example, we first grab the head
element using getElementsByTagName
, and then create a new link
element using document.createElement
. We set the rel
attribute to "canonical" and the href
attribute to the URL we want to set as the canonical URL for our page.
Finally, we append the link
element to the head
using appendChild
.
Note that if your page already has a canonical tag set in the HTML, appending a new one via JavaScript may not be effective. It's generally best to set the canonical tag directly in the HTML source code whenever possible.
gistlibby LogSnag