AI is Transforming Search What Does That Mean for Your SEO Strategy?

body, p, ul, li, h1, h2, h3, h4, h5, h6, input, button {
font-family: ‘Open Sans’, ‘Roboto’, Helvetica, Arial, sans-serif;
}
.content-box {
padding: 20px;
}
.title {
padding-left: 3em;
}
@media (max-width: 991px) {
.title {
padding-left: 2em;
}
}
@media (max-width: 600px) {
.title {
padding-left: 1em;
text-align: center;
}
}
.hero-image {
height: 450px;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: block;
}
ul {
padding-left: 18px;
}
ul li {
margin-bottom: 8px;
}
img {
display: block;
margin-bottom: 20px;
width: 100%;
max-width: 350px;
height: auto;
}
#mc_embed_signup {
background: #fff;
font: 14px ‘Open Sans’, ‘Roboto’, Helvetica, Arial, sans-serif;
padding: 10px;
}
.indicates-required {
font-size: 13px;
margin-bottom: 10px;
}
.mc-custom-success-message {
text-align: center;
padding: 40px;
font-size: 18px;
color: #333;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 8px;
}
.mc-custom-error-message {
text-align: center;
padding: 20px;
font-size: 16px;
color: #d32f2f;
background-color: #ffebee;
border: 1px solid #f44336;
border-radius: 8px;
margin-bottom: 20px;
}
.webinar-title {
font-weight: bold;
font-size: 20px;
}
.webinar-datetime {
font-weight: bold;
font-size: 16px;
}
.speaker-name-title {
font-weight: bold;
font-size: 14px;
}
.cta-bold {
font-weight: bold;
}
.container {
width: 100%;
}
.row {
display: flex;
flex-wrap: wrap;
}
.col-md-6 {
width: 100%;
}
@media (min-width: 768px) {
.col-md-6 {
width: 50%;
}
}

/* Loading spinner */
.loading-spinner {
border: 2px solid #f3f3f3;
border-top: 2px solid #3498db;
border-radius: 50%;
width: 16px;
height: 16px;
animation: spin 1s linear infinite;
display: inline-block;
margin-right: 8px;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/* Button states */
.button:disabled {
opacity: 0.6;
cursor: not-allowed;
}

/* Form validation styles */
.error-field {
border: 2px solid #f44336 !important;
background-color: #ffebee !important;
}

.field-error {
color: #f44336;
font-size: 12px;
margin-top: 4px;
display: block;
}

/* Fallback message */
.fallback-message {
background-color: #fff3cd;
border: 1px solid #ffeaa7;
border-radius: 8px;
padding: 15px;
margin-bottom: 20px;
color: #856404;
}

(function () {
‘use strict’;

const CONFIG = {
MAILCHIMP_URL: ‘https://brightedge.us17.list-manage.com/subscribe/post?u=1165b32d9f45a1d89bd5b1a33&id=3f956c9de6&f_id=0098b8e0f0’
};

let isSubmitting = false;
let form, submitBtn, container, errorDiv, fallbackDiv;

function initializeElements() {
form = document.getElementById(‘mc-embedded-subscribe-form’);
submitBtn = document.getElementById(‘mc-embedded-subscribe’);
container = document.getElementById(‘mc_embed_signup’);
errorDiv = document.getElementById(‘custom-error-message’);
fallbackDiv = document.getElementById(‘fallback-message’);
}

function getParam(name) {
try {
return new URL(window.location.href).searchParams.get(name);
} catch (e) {
return null;
}
}

function detectSourceMedium() {
const ref = document.referrer;
if (ref.includes(‘google.’)) return { source: ‘google’, medium: ‘organic’ };
if (ref.includes(‘bing.’)) return { source: ‘bing’, medium: ‘organic’ };
if (ref.includes(‘linkedin.’)) return { source: ‘linkedin’, medium: ‘social’ };
if (ref.includes(‘facebook.’)) return { source: ‘facebook’, medium: ‘social’ };
if (ref.includes(‘twitter.’) || ref.includes(‘x.com’)) return { source: ‘twitter’, medium: ‘social’ };
if (ref.includes(‘chat.openai.com’)) return { source: ‘chatgpt’, medium: ‘referral’ };
if (ref.includes(‘bard.google.com’) || ref.includes(‘gemini.google.com’)) return { source: ‘gemini’, medium: ‘referral’ };
if (ref.includes(‘perplexity.ai’)) return { source: ‘perplexity’, medium: ‘referral’ };
if (ref.includes(‘claude.ai’)) return { source: ‘claude’, medium: ‘referral’ };
return { source: ‘direct’, medium: ‘direct’ };
}

function isValidEmail(email) {
const emailRegex = /^[^s@]+@[^s@]+.[^s@]+$/;
return emailRegex.test(email);
}

function clearErrors() {
document.querySelectorAll(‘.field-error’).forEach(function(el) {
el.textContent = ”;
});
document.querySelectorAll(‘.error-field’).forEach(function(el) {
el.classList.remove(‘error-field’);
});
if (errorDiv) errorDiv.style.display = ‘none’;
if (fallbackDiv) fallbackDiv.style.display = ‘none’;
}

function showFieldError(fieldId, message) {
const field = document.getElementById(fieldId);
if (field) field.classList.add(‘error-field’);
}

function showError(message) {
if (errorDiv) {
errorDiv.innerHTML = ‘Error: ‘ + message;
errorDiv.style.display = ‘block’;
errorDiv.scrollIntoView({ behavior: ‘smooth’, block: ‘nearest’ });
}
}

function showFallback() {
if (fallbackDiv) {
fallbackDiv.style.display = ‘block’;
fallbackDiv.scrollIntoView({ behavior: ‘smooth’, block: ‘nearest’ });
}
}

function validateForm() {
clearErrors();
let isValid = true;

const email = document.getElementById(‘mce-EMAIL’).value.trim();
const fname = document.getElementById(‘mce-FNAME’).value.trim();
const company = document.getElementById(‘mce-COMPANY’).value.trim();

if (!email) {
showFieldError(‘mce-EMAIL’, ‘Email is required’);
isValid = false;
} else if (!isValidEmail(email)) {
showFieldError(‘mce-EMAIL’, ‘Please enter a valid email’);
isValid = false;
}

if (!fname) {
showFieldError(‘mce-FNAME’, ‘First name is required’);
isValid = false;
}

if (!company) {
showFieldError(‘mce-COMPANY’, ‘Company is required’);
isValid = false;
}

return isValid;
}

function setButtonState(loading) {
if (submitBtn) {
if (loading) {
submitBtn.disabled = true;
submitBtn.innerHTML = ‘

Registering…’;
} else {
submitBtn.disabled = false;
submitBtn.innerHTML = ‘Access Recording’;
}
}
}

function submitViaHiddenIframe() {
return new Promise(function(resolve) {
const tempForm = form.cloneNode(true);
const iframe = document.createElement(‘iframe’);
iframe.name = ‘hidden_iframe’;
iframe.style.display = ‘none’;
document.body.appendChild(iframe);

tempForm.style.display = ‘none’;
tempForm.setAttribute(‘action’, CONFIG.MAILCHIMP_URL);
tempForm.setAttribute(‘method’, ‘POST’);
tempForm.setAttribute(‘target’, ‘hidden_iframe’);

document.body.appendChild(tempForm);
tempForm.submit();

setTimeout(function() {
tempForm.remove();
iframe.remove();
resolve();
}, 1500);
});
}

function showSuccessMessage() {
const redirectUrl = “https://www.brightedge.com/ai-transforming-search-what-mean-seo-strategy-on-demand”;

const sourceField = document.getElementById(‘utm_source’);
const source = sourceField ? sourceField.value : ‘direct’;

const finalUrl = redirectUrl;

console.log(‘Redirecting to:’, finalUrl);
window.location.href = finalUrl;
}

function handleSubmit() {
if (isSubmitting) return;

isSubmitting = true;
setButtonState(true);

submitViaHiddenIframe().then(function() {
if (typeof gtag === ‘function’) {
gtag(‘event’, ‘webinar_signup’, {
event_category: ‘Form Submission’,
event_label: ‘Webinar AI Search Strategy’
});
}
showSuccessMessage();
}).catch(function(e) {
console.error(‘Submission error:’, e);
showError(‘We’re having trouble submitting your registration. Please try again.’);
showFallback();
}).finally(function() {
setButtonState(false);
isSubmitting = false;
});
}

function initializeUTM() {
const utmSource = getParam(‘utm_source’);
const utmMedium = getParam(‘utm_medium’);
const utmCampaign = getParam(‘utm_campaign’);

const sourceField = document.getElementById(‘utm_source’);
const mediumField = document.getElementById(‘utm_medium’);
const campaignField = document.getElementById(‘utm_campaign’);

if (!utmSource || !utmMedium) {
const detected = detectSourceMedium();
if (sourceField) sourceField.value = utmSource || detected.source;
if (mediumField) mediumField.value = ‘on_demand_webinar’;
} else {
if (sourceField) sourceField.value = utmSource;
if (mediumField) mediumField.value = ‘on_demand_webinar’;
}

if (campaignField) campaignField.value = utmCampaign || ’25Q4_Oct8_Webinar_AI_is_transforming_search’;
}

function setupEventListeners() {
if (form) {
form.addEventListener(‘submit’, function (e) {
e.preventDefault();
if (!validateForm()) return;
handleSubmit();
});
}

if (‘onLine’ in navigator) {
window.addEventListener(‘online’, function() {
clearErrors();
if (fallbackDiv) fallbackDiv.style.display = ‘none’;
});
window.addEventListener(‘offline’, function() {
showError(‘You appear to be offline. Please check your connection and try again.’);
showFallback();
});
}
}

document.addEventListener(‘DOMContentLoaded’, function () {
initializeElements();
initializeUTM();
setupEventListeners();
});

})();