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

Data is not being stored in the MongoDB Model/Schema as expected

Encountering the "ERPROTO" error message while attempting to send an Axios request from my REST API

What is the reason behind capitalizing Angular CLI class file imports?

Facing an issue with displaying a component error in a mat-form-field in Angular 9

Incorporate attributes into object properties in a dynamic manner

Node.js and the Eternal Duo: Forever and Forever-Montior

Tips for preventing the use of website URLs as variables in jQuery ajax() calls:

How can TypeScript objects be serialized?

Substituting JSON objects with alphabets

What methods are available for drawing on an HTML canvas using a mouse?

Leveraging server-sent events to retrieve an array from a MySQL database using PHP

Ways to retrieve slider value when button is clicked?

Exploring the variations in method declarations within Vue.js

Is the value of the object in the array already present in another array of objects?

Is there a way for me to instruct jQuery to revert an element back to its initial value, prior to any dynamic alterations?

Implementing concurrent operations in React Native using Firebase, combining async/await with Promise.all

CSS3 transition applied to a jQuery direction-aware hover effect

Troubleshooting undefined results when dynamically loading JSON data with $scope values in AngularJS

Inject a dynamic URL parameter into an iframe without the need for server-side scripting

Tips for retrieving the selected item from Material-UI DropDownMenu