Utilize Google Tag Manager to search and substitute characters within a variable

Question

Utilize Google Tag Manager to search and substitute characters within a variable

Within my GTM setup, I have a CSS selector variable in the DOM. This variable pertains to real estate and specifically represents the price of a listing. My goal is to eliminate the characters ($) and (,) from this variable as part of meeting the requirements for dynamic remarketing.
For example:

MLS_Price = $599,000

I am struggling with how to perform a "search and replace" operation on these characters within GTM. Would custom JavaScript be the solution? I've attempted using the following code snippet but haven't achieved the desired outcome. For a more detailed explanation, please refer to this video:

function() {
    var MLS_Price = "{{MLS_Price}}";
    var MLS_Price = str.replace("$", "");

    var MLS_Price = "{{MLS_Price}}";
    var MLS_Price = str.replace(",", "");
 }

javascript google-tag-manager

Answer 1

Answer №1

It's unnecessary to add quotes around your variables as this will only display the variable name as a string. When utilizing a Custom JS variable, ensure there is a return value assigned. Additionally, you have the option to combine string manipulations such as:

function(){
   var str = {{MLS_Price}};
   return str.substring(1).replace(",", '');
}

Always include proper error handling and checks in your code and thoroughly test it before making it live.

Answer 2

It's unnecessary to add quotes around your variables as this will only display the variable name as a string. When utilizing a Custom JS variable, ensure there is a return value assigned. Additionally, you have the option to combine string manipulations such as:

function(){
   var str = {{MLS_Price}};
   return str.substring(1).replace(",", '');
}

Always include proper error handling and checks in your code and thoroughly test it before making it live.

Answer 3

Answer №2

To avoid using a CUSTOM HTML TAG, the most effective approach would be to create a VARIABLE (Custom Js) for easy reuse of values in the future.

The implementation will resemble Abel's code snippet.

function() {
var MLS_Value = {{MLS_Value}};
var MLS_Value_1 = MLS_Value.replace("$", "");
var finalValue = MLS_Value_1.replace(",", "");
return finalValue;
}

Answer 4

To avoid using a CUSTOM HTML TAG, the most effective approach would be to create a VARIABLE (Custom Js) for easy reuse of values in the future.

The implementation will resemble Abel's code snippet.

function() {
var MLS_Value = {{MLS_Value}};
var MLS_Value_1 = MLS_Value.replace("$", "");
var finalValue = MLS_Value_1.replace(",", "");
return finalValue;
}

Utilize Google Tag Manager to search and substitute characters within a variable

Answer №1

Answer №2

Similar questions

jQuery - Password Validation

"Jquery with 3 buttons for toggling on and off individually, as well

What is the best method to extract the URL from an iframe div element using jQuery or JavaScript?

Error caused by MongoClient TypeError

the hidden input's value is null

When attempting to modify the state in a parent component from a child using the composition API in Vue 3, the error "this.$emit() is not a

Prevent users from selecting elements on the mobile site

I'm trying to display hidden forms on a webpage when a button is clicked using the DojoToolkit, but I'm having trouble figuring out what's going wrong with my code

Imitate a hover effect followed by a click to activate the pre-established onclick function

Exploring the depths of Vue.js: Maximizing potential with nested

prior to activating a state in angular.js, navigate to a distinct controller

Having issues with ajax posting functionality

This is my first experience with a Vue/webpack application, and surprisingly, there is no webpack

React - Struggling to render an image received as a prop within a React component

Clicking will cause my background content to blur

ReactJS is giving me an error message: "Uncaught TypeError: Unable to access property 'ownerDocument' since it is null."

Using Formik inside Material-UI's table components

The Owl Carousel npm package is experiencing issues within a ReactJS environment

Unlocking Node.js packages within React JS is a seamless process

Presenting XML data on a webpage using AJAX technology