Please provide a meta description by editing the text field above. This text will appear in the search engine result pages.
function handleSeoUpdate() {
var titleVal = document.getElementById('seo-title-field').value;
var descVal = document.getElementById('seo-desc-field').value;
var titleCount = titleVal.length;
var descCount = descVal.length;
document.getElementById('title-counter').innerText = titleCount + ' / 60';
document.getElementById('desc-counter').innerText = descCount + ' / 160';
document.getElementById('preview-title-text').innerText = titleVal || 'Example Page Title – Brand Name';
document.getElementById('preview-desc-text').innerText = descVal || 'Please provide a meta description by editing the text field above. This text will appear in the search engine result pages.';
document.getElementById('title-counter').style.color = (titleCount > 60 || titleCount 160 || descCount < 120) ? '#e53e3e' : '#38a169';
}
function clearSeoFields() {
document.getElementById('seo-title-field').value = '';
document.getElementById('seo-desc-field').value = '';
handleSeoUpdate();
}
function copySeoData() {
var title = document.getElementById('seo-title-field').value;
var desc = document.getElementById('seo-desc-field').value;
var text = "Title: " + title + "\nDescription: " + desc;
var dummy = document.createElement("textarea");
document.body.appendChild(dummy);
dummy.value = text;
dummy.select();
document.execCommand("copy");
document.body.removeChild(dummy);
alert("SEO data copied to clipboard!");
}