如何将URL参数值嵌入Google Analytics代码实现用户点击追踪？

Got it, let's fix this issue right up. The core problem here is that you're passing the string literal 'user_value' to eventLabel instead of referencing the actual variable value you fetched from the URL. Here are three solid solutions, ordered by best practice:

Inline onclick attributes can lead to messy code and scope issues—using a proper event listener is cleaner, more maintainable, and avoids these pitfalls entirely.

<button class="code">Your Button Text</button>

<script>
// Fetch the user parameter first
const urlParams = new URLSearchParams(window.location.search);
const user_value = urlParams.get('user_is');

// Target the button and bind the click event
const targetButton = document.querySelector('.code');
targetButton.addEventListener('click', () => {
  gtag('event', 'click', {
    eventCategory: 'Yes Code',
    eventAction: 'click',
    eventLabel: user_value // Directly use the variable here
  });
});
</script>

This approach keeps your logic separated from your HTML, ensures the user_value variable is in scope, and makes debugging easier.

If you prefer to keep the inline handler, just remove the quotes around user_value to reference the variable instead of passing a string. Just make sure user_value is in a scope the button can access (e.g., global or defined before the button renders).

<script>
// Define this before the button to ensure scope access
const urlParams = new URLSearchParams(window.location.search);
const user_value = urlParams.get('user_is');
</script>

<button class="code" onclick="gtag('event', 'click', {eventCategory: 'Yes Code',eventAction: 'click',eventLabel: user_value});">Your Button Text</button>

Note: If user_value is defined inside a function (local scope), the inline handler won't be able to access it—stick with the event listener method in that case.

If your button is generated with JavaScript (e.g., fetched from an API or built client-side), inject the user_value directly into the click handler when creating the element:

const urlParams = new URLSearchParams(window.location.search);
const user_value = urlParams.get('user_is');

// Create the button element dynamically
const button = document.createElement('button');
button.className = 'code';
button.textContent = 'Your Button Text';

// Bind the click logic with the variable
button.addEventListener('click', () => {
  gtag('event', 'click', {
    eventCategory: 'Yes Code',
    eventAction: 'click',
    eventLabel: user_value
  });
});

// Add the button to the DOM
document.body.appendChild(button);

Avoid generating HTML strings with interpolated values unless absolutely necessary—this can introduce XSS risks if user_value contains untrusted input.

内容的提问来源于stack exchange，提问作者Captain Kirk