Code Refactoring

Find and replace code patterns across your property

Update code patterns across multiple rules. Common use case: removing jQuery.

Scenario

jQuery is no longer loaded on your site. Rules using jQuery syntax break:

// These no longer work
jQuery(document).ready(function() { ... });
jQuery(this).text();
jQuery('#element').attr('href');

Replace with vanilla JavaScript equivalents.

Steps

1. Find Affected Components

Search for the pattern:

1. Enter jQuery in search

2. Filter by type if needed

3. Review results

2. Add to Workspace

Select all affected rules and click Add to Workspace. Ivory can see exactly what needs changing.

3. Batch Update

Click Batch Update and enter:

Replace all jQuery code with vanilla JavaScript equivalents:
- jQuery(document).ready() → DOMContentLoaded event listener
- jQuery(this).text() → this.textContent
- jQuery(element).attr('href') → element.getAttribute('href')
- jQuery(selector) → document.querySelector(selector)
Keep the same logic, just remove jQuery dependency.

4. Review Changes

Each rule shows before/after:

Before:

jQuery(document).ready(function() {
  var text = jQuery(this).text();
});

After:

document.addEventListener('DOMContentLoaded', function() {
  var text = this.textContent;
});

Review each change. Approve individually or approve all.

Common Replacements

jQuery	Vanilla JavaScript
jQuery(document).ready(fn)	document.addEventListener('DOMContentLoaded', fn)
jQuery(selector)	document.querySelector(selector)
jQuery(el).text()	el.textContent
jQuery(el).html()	el.innerHTML
jQuery(el).attr('x')	el.getAttribute('x')
jQuery(el).val()	el.value
jQuery(el).find(sel)	el.querySelector(sel)
jQuery(el).parent()	el.parentElement

Other Refactoring Use Cases

Update tracking variable:

Change all instances of eVar10 to eVar15

Fix deprecated methods:

Replace s.tl() calls with the new sendEvent() syntax

Standardize naming:

Rename all rules starting with "AA -" to start with "Analytics -"