Add the URL link according to the specific domain name

Question

Add the URL link according to the specific domain name

I am looking for a way to attach additional URL parameters to any links that contain example.com on a webpage.

The current script I have only works if the link does not already have parameters attached to it.

<script>
    document.body.innerHTML = document.body.innerHTML.replace('example.com', 'example.com?utm_day=monday);
</script>

What I really need is a solution that can identify and append any link with example.com, regardless of the existing parameters in the link. For instance, the script should be able to detect

<a href="https://example.com?formID=1234">

and add

<a href="https://example.com?formID=1234&utm_day=monday">

If you have any suggestions on how to achieve this, please let me know!

javascript

Answer 1

Answer №1

Begin by targeting all the a elements, then proceed to modify those that contain the domain example.com.

let newText = '&utm_day=monday'

document.querySelectorAll('a').forEach(
        link => {
            if (link.href.includes("example.com")) {
                link.href += newText
            }
        }
    )

Answer 2

Begin by targeting all the a elements, then proceed to modify those that contain the domain example.com.

let newText = '&utm_day=monday'

document.querySelectorAll('a').forEach(
        link => {
            if (link.href.includes("example.com")) {
                link.href += newText
            }
        }
    )

Add the URL link according to the specific domain name

Answer №1

Similar questions

How can I create a script in Discord.js that automatically sends users their information upon joining the server?

The ID update functionality in Node.js is malfunctioning

Using the increment operator within a for loop in JavaScript

Inquire about understanding Mean.js through form submission

Similar to LINQ's Enumerable.First(predicate) method but with a slightly different syntax, this

What are the steps to perform an Ajax request to an online web service?

Learn how to trigger an HTTP exception after a failed command in a saga with NestJS CQRS

I was unable to produce the result of the input value entered at the bottom

What is the method for configuring automatic text color in CKEditor?

Unable to retrieve the status for the specified ID through the use of AJAX

javascriptDiscover the location of the central point within a polygon

Eliminate spacing in MaterialUi grids

Node.js, sigma.js, and the typescript environment do not have a defined window

Using JSON files in React applications is essential for accessing and displaying static data. Let's

Issues with Weglot link hooks not functioning properly within the sticky header

Tips for populating input fields with retrieved data when the fields are generated dynamically

JavaScript: Converting an Array to a String

Clear the cache in Angular to remove the page

Combining two states in the Vuex store

Creating a well-aligned form using Material-UI