Skip to content
You Don't Know GA

scaleToRange — GTM Variable Template for Number

VARIABLES › NUMBER
scaleToRange EXTENDED Number
Direct (.tpl) Apply (.tpl)

Scales a value from an original range to a new target range.

When to Use This

Section titled “When to Use This”
Number Operations

Arithmetic, rounding, clamping, and mathematical transformations on numeric values.

Type Conversion

Safely convert between data types — strings, numbers, booleans, arrays, objects.

Examples

Section titled “Examples”
Scale 0-100 to 0-1
INPUT
Value To Scale: 50
Original Minimum: 0
Original Maximum: 100
Target Minimum: 0
Target Maximum: 1
Clamp to Target Range: false
OUTPUT
0.5
Overflow with Clamp
INPUT
Value To Scale: 150
Original Minimum: 0
Original Maximum: 100
Target Minimum: 0
Target Maximum: 10
Clamp to Target Range: true
OUTPUT
10

Live Sandbox

Section titled “Live Sandbox”

This is what you'll see when you open this variable in Google Tag Manager. Hover the icons for details.

scaleToRange
Value To Scale
💾 The value to be scaled.

Supported formats:
  ✓ Number
  ✓ String
Original Minimum
📉 The lower bound of the original range.

Supported formats:
  ✓ Number
  ✓ String
Original Maximum
📈 The upper bound of the original range.

Supported formats:
  ✓ Number
  ✓ String
Target Minimum
📉 The lower bound of the new target range.

Supported formats:
  ✓ Number
  ✓ String
Target Maximum
📈 The upper bound of the new target range.

Supported formats:
  ✓ Number
  ✓ String
☑️ Check this to prevent the result from exceeding the bounds of the target range if the input is outside the original range.
Input Setup
Input Function (optional)
⚙️ Optional pre-processing function applied to the input before internal logic (e.g., convert object to string, normalize case). Internal transformations such as case handling will still apply afterward.
Result Handling
Output Function (optional)
⚙️ Optional function to apply to the result before returning it (e.g., str => str + ' €', val => val !== undefined for boolean conversion). Useful for chaining transformations on the output.
Value To Scale number
💡 Type any text to see the result update live
🎯 Using special value — click input to type instead
Test with:
Falsy
Truthy
Original Minimum number
Original Maximum number
Target Minimum number
Target Maximum number
🔗 Result Handling — Chain Variables
Chain apply-mode variables to the output. Each variable receives the result of the previous one.
scaleToRange()
Section titled “Related Variables”

Same category: Number

→ absolute → addValues → calculateDiffRatio → ceil → clamp → classifyByThreshold → countDigits → divide → floor → max → min → multiply → parseCurrency → parseFloatValue → parseIntValue → percentOf → squareRoot → subtractValues → toFixed → toFixedNumber → toInteger → 🧩 WEIGHTED (Advanced) → 🧩 WEIGHTED (Predefined)

Under the Hood

Section titled “Under the Hood”
📜 View Implementation Code
/**
 * Scales a value from an original range to a new target range.
 *
 * @param {number|string} data.src - The value to be scaled.
 * @param {number|string} data.omin - The lower bound of the original range.
 * @param {number|string} data.omax - The upper bound of the original range.
 * @param {number|string} data.nmin - The lower bound of the new target range.
 * @param {number|string} data.nmax - The upper bound of the new target range.
 * @param {boolean} data.clmp - Whether to clamp the result to the target range.
 * @param {Function|string} [data.out] - Optional output handler.
 *
 * Direct-mode specific parameters:
 * @param {Function} [data.pre] - Optional pre-processor function to transform src.
 *
 * @returns {number|undefined} The scaled number.
 *
 * @framework ggLowCodeGTMKit
 */
const Math = require('Math');
const makeNumber = require('makeNumber');


const scaleToRange = function(value, oldMin, oldMax, newMin, newMax, shouldClamp) {
    const val = makeNumber(value);
    const oMin = makeNumber(oldMin);
    const oMax = makeNumber(oldMax);
    const nMin = makeNumber(newMin);
    const nMax = makeNumber(newMax);


    if (val !== val || oMin !== oMin || oMax !== oMax || nMin !== nMin || nMax !== nMax) {
        return undefined;
    }


    if (oMin === oMax) {
        return undefined;
    }


    let result = ((val - oMin) / (oMax - oMin)) * (nMax - nMin) + nMin;


    if (shouldClamp) {
        const minClamp = Math.min(nMin, nMax);
        const maxClamp = Math.max(nMin, nMax);
        if (result < minClamp) return minClamp;
        if (result > maxClamp) return maxClamp;
    }


    return result;
};


const safeFunction = fn => typeof fn === 'function' ? fn : x => x;
const out = safeFunction(data.out);


// ===============================================================================
// scaleToRange - Direct mode
// ===============================================================================
const applyCast = (castFn, value) => safeFunction(castFn)(value);
const value = applyCast(data.pre, data.src);
return out(scaleToRange(value, data.omin, data.omax, data.nmin, data.nmax, data.clmp));


// ===============================================================================
// scaleToRange(...) – Apply Mode
// ===============================================================================
/*
return function(value) {
   return out(scaleToRange(value, data.omin, data.omax, data.nmin, data.nmax, data.clmp));
};
*/
🧪 View Test Scenarios (4 tests)
✅ '[example] Scale 0-100 to 0-1'
✅ '[example] Overflow with Clamp'
✅ Overflow without Clamp
✅ Underflow with Clamp