{"id":9422,"date":"2026-01-27T14:27:57","date_gmt":"2026-01-27T14:27:57","guid":{"rendered":"https:\/\/adaptoo.nl\/?page_id=9422"},"modified":"2026-01-27T14:34:18","modified_gmt":"2026-01-27T14:34:18","slug":"ads-serp-simulator","status":"publish","type":"page","link":"https:\/\/adaptoo.nl\/en\/ads-serp-simulator\/","title":{"rendered":"Ads Serp Simulator"},"content":{"rendered":"<!-- Adaptoo.nl Google Ads SERP Simulator \u2014 paste this into a WordPress Custom HTML block -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;500;600;700&#038;family=Fira+Sans:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* === Adaptoo SERP Simulator \u2014 scoped === *\/\n#adaptoo-serp *, #adaptoo-serp *::before, #adaptoo-serp *::after { margin:0; padding:0; box-sizing:border-box; }\n#adaptoo-serp {\n    --primary: #1F3D4D; --primary-dark: #162d39; --primary-light: #e8f0f3;\n    --accent: #FFCC00; --accent-hover: #e6b800; --text: #121212; --text-secondary: #4d5156;\n    --text-muted: #70757a; --border: #dfe1e5; --bg: #F7F8F9; --white: #ffffff;\n    --teal: #66CCAA; --shadow: 0 1px 6px rgba(31,61,77,.1); --shadow-lg: 0 4px 20px rgba(31,61,77,.15);\n    --radius: 4px; --radius-sm: 2px; --transition: .2s ease;\n    font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    color: var(--text); line-height: 1.6; -webkit-font-smoothing: antialiased;\n    max-width: 1400px; margin: 0 auto; padding: 0 16px;\n}\n\n\/* ---- Layout ---- *\/\n#adaptoo-serp .as-grid { display: grid; grid-template-columns: 400px 1fr; gap: 32px; align-items: start; }\n\n\/* ---- Input Panel ---- *\/\n#adaptoo-serp .as-input-panel {\n    background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow);\n    padding: 24px; position: sticky; top: 20px; max-height: calc(100vh - 40px); overflow-y: auto;\n    border-top: 3px solid var(--accent);\n}\n#adaptoo-serp .as-input-panel::-webkit-scrollbar { width: 6px; }\n#adaptoo-serp .as-input-panel::-webkit-scrollbar-track { background: transparent; }\n#adaptoo-serp .as-input-panel::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }\n\n\/* Toggle buttons *\/\n#adaptoo-serp .as-toggle { display:flex; gap:4px; margin-bottom:20px; background:var(--primary-light); padding:4px; border-radius:var(--radius-sm); }\n#adaptoo-serp .as-toggle-btn {\n    flex:1; display:flex; align-items:center; justify-content:center; gap:8px;\n    padding:8px 16px; border:none; background:transparent; border-radius:4px;\n    font-size:13px; font-weight:500; color:var(--text-muted); cursor:pointer;\n    transition:var(--transition); font-family:inherit;\n}\n#adaptoo-serp .as-toggle-btn.active { background:var(--primary); color:var(--white); box-shadow:none; }\n#adaptoo-serp .as-toggle-btn:hover:not(.active) { color:var(--text-secondary); }\n\n\/* Input groups *\/\n#adaptoo-serp .as-group { margin-bottom:16px; }\n#adaptoo-serp .as-group-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; }\n#adaptoo-serp .as-label { display:block; font-size:12px; font-weight:600; color:var(--primary); text-transform:uppercase; letter-spacing:.5px; margin-bottom:6px; font-family:'Sora',sans-serif; }\n#adaptoo-serp .as-group-header .as-label { margin-bottom:0; }\n#adaptoo-serp .as-count { font-size:11px; color:var(--text-muted); font-weight:500; font-variant-numeric:tabular-nums; }\n#adaptoo-serp .as-count.warn { color:#e6a800; font-weight:600; }\n#adaptoo-serp .as-count.over { color:#d93025; font-weight:600; }\n#adaptoo-serp .as-field {\n    width:100%; padding:10px 12px; border:1px solid var(--border); border-radius:var(--radius-sm);\n    font-size:14px; font-family:inherit; color:var(--text); transition:var(--transition); background:var(--white);\n}\n#adaptoo-serp .as-field:focus { outline:none; border-color:var(--primary); box-shadow:0 0 0 3px rgba(31,61,77,.12); }\n#adaptoo-serp .as-field::placeholder { color:#bdc1c6; }\n#adaptoo-serp .as-textarea { min-height:64px; resize:vertical; line-height:1.5; }\n\n\/* Path row *\/\n#adaptoo-serp .as-path-row { display:flex; align-items:center; gap:4px; }\n#adaptoo-serp .as-path-row .as-field { flex:1; }\n#adaptoo-serp .as-path-sep { color:var(--text-muted); font-size:14px; font-weight:500; }\n\n\/* Options grid *\/\n#adaptoo-serp .as-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; }\n#adaptoo-serp .as-check {\n    display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-secondary);\n    cursor:pointer; padding:6px 8px; border-radius:4px; transition:var(--transition); user-select:none;\n}\n#adaptoo-serp .as-check:hover { background:var(--bg); }\n#adaptoo-serp .as-check input[type=\"checkbox\"] { display:none; }\n#adaptoo-serp .as-checkmark {\n    width:18px; height:18px; border:2px solid var(--border); border-radius:4px;\n    display:flex; align-items:center; justify-content:center; transition:var(--transition); flex-shrink:0;\n}\n#adaptoo-serp .as-check input:checked + .as-checkmark { background:var(--accent); border-color:var(--accent); }\n#adaptoo-serp .as-check input:checked + .as-checkmark::after {\n    content:''; width:5px; height:9px; border:solid #121212; border-width:0 2px 2px 0; transform:rotate(45deg); margin-top:-2px;\n}\n\n\/* Extension panels *\/\n#adaptoo-serp .as-ext-panel { background:var(--bg); border-radius:var(--radius-sm); padding:12px; border:1px solid var(--border); }\n#adaptoo-serp .as-ext-panel .as-label { margin-bottom:8px; }\n#adaptoo-serp .as-ext-row { display:flex; gap:8px; margin-bottom:8px; }\n#adaptoo-serp .as-ext-row:last-child { margin-bottom:0; }\n#adaptoo-serp .as-ext-row .as-field { flex:1; }\n#adaptoo-serp .as-price-label { flex:2!important; }\n#adaptoo-serp .as-price-val { flex:1!important; }\n\n\/* Actions bar *\/\n#adaptoo-serp .as-actions { display:flex; justify-content:space-between; align-items:center; padding-top:16px; border-top:1px solid var(--border); margin-top:8px; flex-wrap:wrap; gap:8px; }\n#adaptoo-serp .as-actions-right { display:flex; gap:8px; flex-wrap:wrap; }\n#adaptoo-serp .as-btn {\n    display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border:none;\n    border-radius:var(--radius-sm); font-size:13px; font-weight:500; cursor:pointer;\n    transition:var(--transition); font-family:inherit; white-space:nowrap;\n}\n#adaptoo-serp .as-btn-reset { background:transparent; color:var(--text-muted); }\n#adaptoo-serp .as-btn-reset:hover { background:var(--bg); color:var(--text); }\n#adaptoo-serp .as-btn-sec { background:var(--white); color:var(--primary); border:1px solid var(--primary); }\n#adaptoo-serp .as-btn-sec:hover { background:var(--primary); color:var(--white); }\n#adaptoo-serp .as-btn-pri { background:var(--accent); color:#121212; font-weight:600; border:none; }\n#adaptoo-serp .as-btn-pri:hover { background:var(--accent-hover); }\n\n\/* ---- Preview Panel ---- *\/\n#adaptoo-serp .as-preview { position:sticky; top:20px; }\n#adaptoo-serp .as-preview-wrap { background:var(--white); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; border-top:3px solid var(--primary); }\n\n\/* Google bar *\/\n#adaptoo-serp .as-gbar { padding:20px 24px 0; border-bottom:1px solid var(--border); }\n#adaptoo-serp .as-glogo { height:30px; display:block; margin-bottom:16px; }\n#adaptoo-serp .as-gsearch { display:flex; align-items:center; border:1px solid var(--border); border-radius:24px; padding:8px 16px; margin-bottom:12px; box-shadow:0 1px 3px rgba(0,0,0,.06); }\n#adaptoo-serp .as-gsearch input { flex:1; border:none; outline:none; font-size:14px; font-family:inherit; color:var(--text); background:transparent; }\n#adaptoo-serp .as-gsearch input::placeholder { color:#bdc1c6; }\n#adaptoo-serp .as-gsearch svg { flex-shrink:0; }\n#adaptoo-serp .as-gtabs { display:flex; gap:20px; }\n#adaptoo-serp .as-gtab { font-size:13px; color:var(--text-muted); padding:8px 0; cursor:pointer; position:relative; }\n#adaptoo-serp .as-gtab.active { color:var(--primary); font-weight:600; }\n#adaptoo-serp .as-gtab.active::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:var(--accent); border-radius:0; }\n\n\/* SERP results *\/\n#adaptoo-serp .as-results { padding:16px 24px 24px; }\n#adaptoo-serp .as-ad { margin-bottom:24px; }\n#adaptoo-serp .as-sponsored { font-size:12px; font-weight:600; color:var(--text); margin-bottom:4px; display:inline-block; }\n#adaptoo-serp .as-url-line { display:flex; align-items:center; gap:10px; margin-bottom:4px; }\n#adaptoo-serp .as-favicon { width:26px; height:26px; border-radius:50%; background:var(--bg); border:1px solid var(--border); padding:3px; }\n#adaptoo-serp .as-url-info { display:flex; flex-direction:column; min-width:0; }\n#adaptoo-serp .as-domain { font-size:14px; color:var(--text); font-weight:400; line-height:1.3; }\n#adaptoo-serp .as-display-url { font-size:12px; color:var(--text-muted); line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }\n#adaptoo-serp .as-headline { font-size:20px; font-weight:400; color:#1a0dab; line-height:1.3; margin-bottom:4px; cursor:pointer; }\n#adaptoo-serp .as-headline:hover { text-decoration:underline; }\n#adaptoo-serp .as-sep { color:#70757a; font-weight:300; }\n#adaptoo-serp .as-desc { font-size:14px; color:var(--text-secondary); line-height:1.58; }\n#adaptoo-serp .bold-keyword { font-weight:700; }\n\n\/* Extensions *\/\n#adaptoo-serp .as-exts { margin-top:8px; }\n#adaptoo-serp .as-ext { margin-top:6px; }\n#adaptoo-serp .as-ext-call, #adaptoo-serp .as-ext-loc { display:flex; align-items:center; gap:6px; font-size:13px; color:var(--teal); }\n#adaptoo-serp .as-ext-sl { display:flex; flex-wrap:wrap; gap:4px 20px; }\n#adaptoo-serp .as-sl { font-size:14px; color:#1a0dab; cursor:pointer; text-decoration:none; }\n#adaptoo-serp .as-sl:hover { text-decoration:underline; }\n#adaptoo-serp .as-ext-co { display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:13px; color:var(--text-secondary); }\n#adaptoo-serp .as-co-sep { color:var(--text-muted); }\n#adaptoo-serp .as-ext-ss { font-size:13px; color:var(--text-secondary); }\n#adaptoo-serp .as-ss-hdr { font-weight:600; margin-right:4px; }\n#adaptoo-serp .as-ext-pr { display:flex; gap:12px; overflow-x:auto; padding:4px 0; }\n#adaptoo-serp .as-pr-card { background:var(--bg); border:1px solid var(--border); border-radius:var(--radius-sm); padding:10px 14px; min-width:120px; }\n#adaptoo-serp .as-pr-label { font-size:13px; color:#1a0dab; font-weight:500; margin-bottom:2px; }\n#adaptoo-serp .as-pr-price { font-size:12px; color:var(--text-secondary); }\n\n\/* Shopping *\/\n#adaptoo-serp .as-shop { margin-bottom:24px; }\n#adaptoo-serp .as-shop-cards { display:flex; gap:16px; margin-top:8px; }\n#adaptoo-serp .as-shop-card { background:var(--bg); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; width:180px; }\n#adaptoo-serp .as-shop-img { height:120px; background:#f1f3f4; display:flex; align-items:center; justify-content:center; }\n#adaptoo-serp .as-shop-info { padding:12px; }\n#adaptoo-serp .as-shop-price { font-size:16px; font-weight:600; color:var(--text); margin-bottom:4px; }\n#adaptoo-serp .as-shop-title { font-size:13px; color:var(--text-secondary); margin-bottom:4px; line-height:1.4; }\n#adaptoo-serp .as-shop-store { font-size:12px; color:var(--text-muted); margin-bottom:4px; }\n#adaptoo-serp .as-shop-rating { font-size:12px; display:flex; align-items:center; gap:4px; }\n#adaptoo-serp .as-stars { color:#fbbc04; letter-spacing:-1px; }\n#adaptoo-serp .as-reviews { color:var(--text-muted); }\n\n\/* Organic mock results *\/\n#adaptoo-serp .as-organic { border-top:1px solid var(--border); padding-top:16px; }\n#adaptoo-serp .as-org { margin-bottom:20px; }\n#adaptoo-serp .as-org-url { display:flex; align-items:center; gap:10px; margin-bottom:4px; }\n#adaptoo-serp .as-org-icon { width:26px; height:26px; border-radius:50%; background:#e8eaed; }\n#adaptoo-serp .as-org-info { display:flex; flex-direction:column; }\n#adaptoo-serp .as-org-domain { font-size:14px; color:var(--text); line-height:1.3; }\n#adaptoo-serp .as-org-path { font-size:12px; color:var(--text-muted); line-height:1.3; }\n#adaptoo-serp .as-org-title { font-size:20px; font-weight:400; color:#1a0dab; line-height:1.3; margin-bottom:4px; cursor:pointer; }\n#adaptoo-serp .as-org-title:hover { text-decoration:underline; }\n#adaptoo-serp .as-org-desc { font-size:14px; color:var(--text-secondary); line-height:1.58; }\n\n\/* Preview footer *\/\n#adaptoo-serp .as-pfooter { text-align:center; padding:12px; background:var(--primary); border-top:none; font-size:12px; color:rgba(255,255,255,.7); }\n#adaptoo-serp .as-pfooter a { color:var(--accent); text-decoration:none; font-weight:600; }\n\n\/* Mobile preview mode *\/\n#adaptoo-serp .as-preview.mobile .as-preview-wrap { max-width:400px; margin:0 auto; border-radius:24px; border:3px solid var(--primary); box-shadow:var(--shadow-lg); }\n#adaptoo-serp .as-preview.mobile .as-gbar { padding:16px 16px 0; }\n#adaptoo-serp .as-preview.mobile .as-glogo { height:24px; }\n#adaptoo-serp .as-preview.mobile .as-results { padding:12px 16px 20px; }\n#adaptoo-serp .as-preview.mobile .as-headline { font-size:17px; }\n#adaptoo-serp .as-preview.mobile .as-desc { font-size:13px; }\n#adaptoo-serp .as-preview.mobile .as-org-title { font-size:17px; }\n#adaptoo-serp .as-preview.mobile .as-org-desc { font-size:13px; }\n#adaptoo-serp .as-preview.mobile .as-ext-sl { flex-direction:column; gap:4px; }\n#adaptoo-serp .as-preview.mobile .as-sl { display:block; padding:6px 0; border-bottom:1px solid var(--border); }\n#adaptoo-serp .as-preview.mobile .as-ext-pr { flex-direction:column; }\n#adaptoo-serp .as-preview.mobile .as-pr-card { min-width:auto; }\n\n\/* Toast *\/\n#adaptoo-serp .as-toast {\n    position:fixed; bottom:24px; left:50%; transform:translateX(-50%) translateY(100px);\n    background:var(--primary); color:white; padding:12px 24px; border-radius:var(--radius-sm); border-left:4px solid var(--accent);\n    font-size:14px; z-index:10000; opacity:0; transition:all .3s ease; pointer-events:none;\n}\n#adaptoo-serp .as-toast.show { opacity:1; transform:translateX(-50%) translateY(0); }\n\n\/* Responsive *\/\n@media (max-width:1024px) {\n    #adaptoo-serp .as-grid { grid-template-columns:1fr; }\n    #adaptoo-serp .as-input-panel { position:static; max-height:none; }\n    #adaptoo-serp .as-preview { position:static; }\n}\n@media (max-width:640px) {\n    #adaptoo-serp .as-actions { flex-direction:column; align-items:stretch; }\n    #adaptoo-serp .as-actions-right { justify-content:center; }\n    #adaptoo-serp .as-options { grid-template-columns:1fr; }\n}\n<\/style>\n\n<div id=\"adaptoo-serp\">\n    <div class=\"as-grid\">\n        <!-- ========= INPUT PANEL ========= -->\n        <div class=\"as-input-panel\">\n            <!-- Device toggle -->\n            <div class=\"as-toggle\">\n                <button class=\"as-toggle-btn active\" data-device=\"desktop\">\n                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n                    Desktop\n                <\/button>\n                <button class=\"as-toggle-btn\" data-device=\"mobile\">\n                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg>\n                    Mobile\n                <\/button>\n            <\/div>\n\n            <!-- Ad type toggle -->\n            <div class=\"as-group\">\n                <label class=\"as-label\">Ad type<\/label>\n                <div class=\"as-toggle\">\n                    <button class=\"as-toggle-btn active\" data-type=\"search\">Search ad<\/button>\n                    <button class=\"as-toggle-btn\" data-type=\"shopping\">Shopping advertisement<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Search Ad Fields -->\n            <div id=\"as-search-fields\">\n                <div class=\"as-group\">\n                    <div class=\"as-group-header\"><label class=\"as-label\">Destination URL<\/label><\/div>\n                    <input type=\"text\" id=\"as-url\" class=\"as-field\" placeholder=\"e.g. https:\/\/adaptoo.nl\/diensten\">\n                <\/div>\n                <div class=\"as-group\">\n                    <div class=\"as-group-header\"><label class=\"as-label\">Display path<\/label><\/div>\n                    <div class=\"as-path-row\">\n                        <input type=\"text\" id=\"as-p1\" class=\"as-field\" placeholder=\"path1\" maxlength=\"15\">\n                        <span class=\"as-path-sep\">\/<\/span>\n                        <input type=\"text\" id=\"as-p2\" class=\"as-field\" placeholder=\"path2\" maxlength=\"15\">\n                    <\/div>\n                <\/div>\n                <div class=\"as-group\">\n                    <div class=\"as-group-header\"><label class=\"as-label\">Heading 1<\/label><span class=\"as-count\" id=\"as-h1c\">0 \/ 30<\/span><\/div>\n                    <input type=\"text\" id=\"as-h1\" class=\"as-field\" placeholder=\"e.g. Google Ads Specialist\" maxlength=\"30\">\n                <\/div>\n                <div class=\"as-group\">\n                    <div class=\"as-group-header\"><label class=\"as-label\">Heading 2<\/label><span class=\"as-count\" id=\"as-h2c\">0 \/ 30<\/span><\/div>\n                    <input type=\"text\" id=\"as-h2\" class=\"as-field\" placeholder=\"e.g. More Customers Online\" maxlength=\"30\">\n                <\/div>\n                <div class=\"as-group\">\n                    <div class=\"as-group-header\"><label class=\"as-label\">Heading 3<\/label><span class=\"as-count\" id=\"as-h3c\">0 \/ 30<\/span><\/div>\n                    <input type=\"text\" id=\"as-h3\" class=\"as-field\" placeholder=\"e.g. Free Consultation\" maxlength=\"30\">\n                <\/div>\n                <div class=\"as-group\">\n                    <div class=\"as-group-header\"><label class=\"as-label\">Description 1<\/label><span class=\"as-count\" id=\"as-d1c\">0 \/ 90<\/span><\/div>\n                    <textarea id=\"as-d1\" class=\"as-field as-textarea\" placeholder=\"For example, professional Google Ads management. More leads, lower costs. Start today!\" maxlength=\"90\"><\/textarea>\n                <\/div>\n                <div class=\"as-group\">\n                    <div class=\"as-group-header\"><label class=\"as-label\">Description 2<\/label><span class=\"as-count\" id=\"as-d2c\">0 \/ 90<\/span><\/div>\n                    <textarea id=\"as-d2\" class=\"as-field as-textarea\" placeholder=\"e.g. Proven results for 500+ clients. Certified Google Partner.\" maxlength=\"90\"><\/textarea>\n                <\/div>\n                <div class=\"as-group\">\n                    <div class=\"as-group-header\"><label class=\"as-label\">Bold keywords<\/label><\/div>\n                    <input type=\"text\" id=\"as-bk\" class=\"as-field\" placeholder=\"Separate with a space or comma\">\n                <\/div>\n\n                <!-- Extensions checkboxes -->\n                <div class=\"as-group\">\n                    <label class=\"as-label\">Ad extensions<\/label>\n                    <div class=\"as-options\">\n                        <label class=\"as-check\"><input type=\"checkbox\" id=\"as-extSl\"><span class=\"as-checkmark\"><\/span>Sitelinks<\/label>\n                        <label class=\"as-check\"><input type=\"checkbox\" id=\"as-extCo\"><span class=\"as-checkmark\"><\/span>Highlights<\/label>\n                        <label class=\"as-check\"><input type=\"checkbox\" id=\"as-extSs\"><span class=\"as-checkmark\"><\/span>Snippets<\/label>\n                        <label class=\"as-check\"><input type=\"checkbox\" id=\"as-extCa\"><span class=\"as-checkmark\"><\/span>Call extension<\/label>\n                        <label class=\"as-check\"><input type=\"checkbox\" id=\"as-extLo\"><span class=\"as-checkmark\"><\/span>Location<\/label>\n                        <label class=\"as-check\"><input type=\"checkbox\" id=\"as-extPr\"><span class=\"as-checkmark\"><\/span>Price extensions<\/label>\n                    <\/div>\n                <\/div>\n\n                <!-- Sitelinks panel -->\n                <div class=\"as-group as-ext-panel\" id=\"as-slPanel\" style=\"display:none\">\n                    <label class=\"as-label\">Sitelinks<\/label>\n                    <div class=\"as-ext-row\"><input type=\"text\" class=\"as-field\" id=\"as-sl1\" placeholder=\"Sitelink 1\" maxlength=\"25\"><input type=\"text\" class=\"as-field\" id=\"as-sl2\" placeholder=\"Sitelink 2\" maxlength=\"25\"><\/div>\n                    <div class=\"as-ext-row\"><input type=\"text\" class=\"as-field\" id=\"as-sl3\" placeholder=\"Sitelink 3\" maxlength=\"25\"><input type=\"text\" class=\"as-field\" id=\"as-sl4\" placeholder=\"Sitelink 4\" maxlength=\"25\"><\/div>\n                <\/div>\n                <!-- Callouts panel -->\n                <div class=\"as-group as-ext-panel\" id=\"as-coPanel\" style=\"display:none\">\n                    <label class=\"as-label\">Highlights<\/label>\n                    <div class=\"as-ext-row\"><input type=\"text\" class=\"as-field\" id=\"as-co1\" placeholder=\"Highlight 1\" maxlength=\"25\"><input type=\"text\" class=\"as-field\" id=\"as-co2\" placeholder=\"Highlight 2\" maxlength=\"25\"><input type=\"text\" class=\"as-field\" id=\"as-co3\" placeholder=\"Highlight 3\" maxlength=\"25\"><\/div>\n                <\/div>\n                <!-- Structured snippets panel -->\n                <div class=\"as-group as-ext-panel\" id=\"as-ssPanel\" style=\"display:none\">\n                    <label class=\"as-label\">Snippets<\/label>\n                    <select id=\"as-ssHdr\" class=\"as-field\"><option value=\"Diensten\">Services<\/option><option value=\"Typen\">Types<\/option><option value=\"Merken\">To notice<\/option><option value=\"Bestemmingen\">Destinations<\/option><\/select>\n                    <div class=\"as-ext-row\" style=\"margin-top:8px\"><input type=\"text\" class=\"as-field\" id=\"as-ss1\" placeholder=\"Value 1\" maxlength=\"25\"><input type=\"text\" class=\"as-field\" id=\"as-ss2\" placeholder=\"Value 2\" maxlength=\"25\"><input type=\"text\" class=\"as-field\" id=\"as-ss3\" placeholder=\"Value 3\" maxlength=\"25\"><\/div>\n                <\/div>\n                <!-- Call panel -->\n                <div class=\"as-group as-ext-panel\" id=\"as-caPanel\" style=\"display:none\">\n                    <label class=\"as-label\">Phone number<\/label>\n                    <input type=\"text\" class=\"as-field\" id=\"as-phone\" placeholder=\"e.g. 020-123 4567\">\n                <\/div>\n                <!-- Location panel -->\n                <div class=\"as-group as-ext-panel\" id=\"as-loPanel\" style=\"display:none\">\n                    <label class=\"as-label\">Business address<\/label>\n                    <input type=\"text\" class=\"as-field\" id=\"as-addr\" placeholder=\"e.g. Amsterdam, Netherlands\">\n                <\/div>\n                <!-- Price panel -->\n                <div class=\"as-group as-ext-panel\" id=\"as-prPanel\" style=\"display:none\">\n                    <label class=\"as-label\">Price extensions<\/label>\n                    <div class=\"as-ext-row\"><input type=\"text\" class=\"as-field as-price-label\" id=\"as-pr1l\" placeholder=\"Service 1\" maxlength=\"25\"><input type=\"text\" class=\"as-field as-price-val\" id=\"as-pr1p\" placeholder=\"\u20ac99\/month\" maxlength=\"15\"><\/div>\n                    <div class=\"as-ext-row\"><input type=\"text\" class=\"as-field as-price-label\" id=\"as-pr2l\" placeholder=\"Service 2\" maxlength=\"25\"><input type=\"text\" class=\"as-field as-price-val\" id=\"as-pr2p\" placeholder=\"\u20ac199\/month\" maxlength=\"15\"><\/div>\n                    <div class=\"as-ext-row\"><input type=\"text\" class=\"as-field as-price-label\" id=\"as-pr3l\" placeholder=\"Service 3\" maxlength=\"25\"><input type=\"text\" class=\"as-field as-price-val\" id=\"as-pr3p\" placeholder=\"\u20ac299\/month\" maxlength=\"15\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Shopping Ad Fields -->\n            <div id=\"as-shop-fields\" style=\"display:none\">\n                <div class=\"as-group\"><label class=\"as-label\">Product title<\/label><input type=\"text\" id=\"as-shopTitle\" class=\"as-field\" placeholder=\"e.g. Google Ads Management Package\"><\/div>\n                <div class=\"as-group\"><label class=\"as-label\">Price<\/label><input type=\"text\" id=\"as-shopPrice\" class=\"as-field\" placeholder=\"e.g. \u20ac499.00\"><\/div>\n                <div class=\"as-group\"><label class=\"as-label\">Shop name<\/label><input type=\"text\" id=\"as-shopStore\" class=\"as-field\" placeholder=\"e.g. Adaptoo.nl\"><\/div>\n                <div class=\"as-group\"><label class=\"as-label\">Rating (1-5)<\/label><input type=\"number\" id=\"as-shopRating\" class=\"as-field\" placeholder=\"e.g. 4.5\" min=\"1\" max=\"5\" step=\"0.1\"><\/div>\n                <div class=\"as-group\"><label class=\"as-label\">Number of reviews<\/label><input type=\"number\" id=\"as-shopReviews\" class=\"as-field\" placeholder=\"e.g. 128\"><\/div>\n            <\/div>\n\n            <!-- Action buttons -->\n            <div class=\"as-actions\">\n                <button class=\"as-btn as-btn-reset\" id=\"as-btnReset\">\n                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"\/><path d=\"M3 3v5h5\"\/><\/svg>\n                    Again\n                <\/button>\n                <div class=\"as-actions-right\">\n                    <button class=\"as-btn as-btn-sec\" id=\"as-btnImg\">\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"m21 15-5-5L5 21\"\/><\/svg>\n                        Save as image\n                    <\/button>\n                    <button class=\"as-btn as-btn-sec\" id=\"as-btnHtml\">\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\"\/><\/svg>\n                        Copy HTML\n                    <\/button>\n                    <button class=\"as-btn as-btn-pri\" id=\"as-btnShare\">\n                        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><path d=\"m8.59 13.51 6.83 3.98M15.41 6.51l-6.82 3.98\"\/><\/svg>\n                        Share link\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- ========= PREVIEW PANEL ========= -->\n        <div class=\"as-preview\" id=\"as-preview\">\n            <div class=\"as-preview-wrap\" id=\"as-previewWrap\">\n                <!-- Google bar -->\n                <div class=\"as-gbar\">\n                    <img decoding=\"async\" src=\"https:\/\/www.google.com\/images\/branding\/googlelogo\/2x\/googlelogo_color_92x30dp.png\" alt=\"Google\" class=\"as-glogo\" title=\"\">\n                    <div class=\"as-gsearch\">\n                        <input type=\"text\" id=\"as-query\" placeholder=\"Enter a search term to view\">\n                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#9aa0a6\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg>\n                    <\/div>\n                    <div class=\"as-gtabs\">\n                        <span class=\"as-gtab active\">All<\/span>\n                        <span class=\"as-gtab\">Images<\/span>\n                        <span class=\"as-gtab\">Videos<\/span>\n                        <span class=\"as-gtab\">News<\/span>\n                        <span class=\"as-gtab\">Maps<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"as-results\">\n                    <!-- Ad preview -->\n                    <div class=\"as-ad\" id=\"as-adPreview\">\n                        <div class=\"as-sponsored\">Sponsored<\/div>\n                        <div class=\"as-url-line\">\n                            <img decoding=\"async\" class=\"as-favicon\" src=\"https:\/\/www.google.com\/s2\/favicons?sz=32&#038;domain=adaptoo.nl\" alt=\"\" id=\"as-adFav\" title=\"\">\n                            <div class=\"as-url-info\">\n                                <span class=\"as-domain\" id=\"as-adDomain\">adaptoo.nl<\/span>\n                                <span class=\"as-display-url\" id=\"as-adUrl\"><\/span>\n                            <\/div>\n                        <\/div>\n                        <h3 class=\"as-headline\" id=\"as-adHead\">\n                            <span>Heading 1<\/span><span class=\"as-sep\"> | <\/span><span>Heading 2<\/span><span class=\"as-sep\"> | <\/span><span>Heading 3<\/span>\n                        <\/h3>\n                        <p class=\"as-desc\" id=\"as-adDesc\">Your ad copy appears here. Write compelling copy to get clicks from potential customers.<\/p>\n                        <div class=\"as-exts\" id=\"as-adExts\">\n                            <div class=\"as-ext as-ext-call\" id=\"as-pCall\" style=\"display:none\">\n                                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a73e8\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n                                <span id=\"as-pCallNum\">020-123 4567<\/span>\n                            <\/div>\n                            <div class=\"as-ext as-ext-loc\" id=\"as-pLoc\" style=\"display:none\">\n                                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#1a73e8\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                                <span id=\"as-pLocAddr\">Amsterdam, Netherlands<\/span>\n                            <\/div>\n                            <div class=\"as-ext as-ext-sl\" id=\"as-pSl\" style=\"display:none\">\n                                <a class=\"as-sl\" id=\"as-pSl1\">Sitelink 1<\/a>\n                                <a class=\"as-sl\" id=\"as-pSl2\">Sitelink 2<\/a>\n                                <a class=\"as-sl\" id=\"as-pSl3\">Sitelink 3<\/a>\n                                <a class=\"as-sl\" id=\"as-pSl4\">Sitelink 4<\/a>\n                            <\/div>\n                            <div class=\"as-ext as-ext-co\" id=\"as-pCo\" style=\"display:none\">\n                                <span id=\"as-pCo1\">Callout 1<\/span><span class=\"as-co-sep\">\u00b7<\/span>\n                                <span id=\"as-pCo2\">Callout 2<\/span><span class=\"as-co-sep\">\u00b7<\/span>\n                                <span id=\"as-pCo3\">Callout 3<\/span>\n                            <\/div>\n                            <div class=\"as-ext as-ext-ss\" id=\"as-pSs\" style=\"display:none\">\n                                <span class=\"as-ss-hdr\" id=\"as-pSsHdr\">Services:<\/span>\n                                <span id=\"as-pSs1\">Value 1<\/span>, <span id=\"as-pSs2\">Value 2<\/span>, <span id=\"as-pSs3\">Value 3<\/span>\n                            <\/div>\n                            <div class=\"as-ext as-ext-pr\" id=\"as-pPr\" style=\"display:none\">\n                                <div class=\"as-pr-card\"><div class=\"as-pr-label\" id=\"as-pPr1l\">Service 1<\/div><div class=\"as-pr-price\" id=\"as-pPr1p\">\u20ac99\/mo<\/div><\/div>\n                                <div class=\"as-pr-card\"><div class=\"as-pr-label\" id=\"as-pPr2l\">Service 2<\/div><div class=\"as-pr-price\" id=\"as-pPr2p\">\u20ac199\/mo<\/div><\/div>\n                                <div class=\"as-pr-card\"><div class=\"as-pr-label\" id=\"as-pPr3l\">Service 3<\/div><div class=\"as-pr-price\" id=\"as-pPr3p\">\u20ac299\/mo<\/div><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Shopping ad preview -->\n                    <div class=\"as-shop\" id=\"as-shopPreview\" style=\"display:none\">\n                        <div class=\"as-sponsored\">Sponsored<\/div>\n                        <div class=\"as-shop-cards\">\n                            <div class=\"as-shop-card\">\n                                <div class=\"as-shop-img\">\n                                    <svg width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#dadce0\" stroke-width=\"1\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"m21 15-5-5L5 21\"\/><\/svg>\n                                <\/div>\n                                <div class=\"as-shop-info\">\n                                    <div class=\"as-shop-price\" id=\"as-pShopPrice\">\u20ac499.00<\/div>\n                                    <div class=\"as-shop-title\" id=\"as-pShopTitle\">Product title<\/div>\n                                    <div class=\"as-shop-store\" id=\"as-pShopStore\">Shop name<\/div>\n                                    <div class=\"as-shop-rating\" id=\"as-pShopRating\"><span class=\"as-stars\">\u2605\u2605\u2605\u2605\u2606<\/span><span class=\"as-reviews\">(128)<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Organic results -->\n                    <div class=\"as-organic\">\n                        <div class=\"as-org\">\n                            <div class=\"as-org-url\"><div class=\"as-org-icon\"><\/div><div class=\"as-org-info\"><span class=\"as-org-domain\">www.example.nl<\/span><span class=\"as-org-path\">https:\/\/www.example.nl \u203a page<\/span><\/div><\/div>\n                            <h3 class=\"as-org-title\">Example of organic search results<\/h3>\n                            <p class=\"as-org-desc\">This is an example of what an organic result looks like below your ad. Your ad will appear above these results if you bid on relevant keywords.<\/p>\n                        <\/div>\n                        <div class=\"as-org\">\n                            <div class=\"as-org-url\"><div class=\"as-org-icon\"><\/div><div class=\"as-org-info\"><span class=\"as-org-domain\">www.andere-site.nl<\/span><span class=\"as-org-path\">https:\/\/www.andere-site.nl \u203a article<\/span><\/div><\/div>\n                            <h3 class=\"as-org-title\">Another organic result<\/h3>\n                            <p class=\"as-org-desc\">Organic results appear below paid ads. A well-written ad with compelling headlines and descriptions will stand out among these results.<\/p>\n                        <\/div>\n                        <div class=\"as-org\">\n                            <div class=\"as-org-url\"><div class=\"as-org-icon\"><\/div><div class=\"as-org-info\"><span class=\"as-org-domain\">www.derde-resultaat.nl<\/span><span class=\"as-org-path\">https:\/\/www.derde-resultaat.nl \u203a subject<\/span><\/div><\/div>\n                            <h3 class=\"as-org-title\">Third organic search result<\/h3>\n                            <p class=\"as-org-desc\">Users often compare the top organic results to ads. Make sure your ad copy clearly communicates your unique value proposition.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"as-pfooter\">\n                    <span>Created by<\/span> <a href=\"https:\/\/adaptoo.nl\/en\/\" target=\"_blank\" rel=\"noopener\">Adaptoo.nl<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Toast notification -->\n    <div class=\"as-toast\" id=\"as-toast\"><\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n<script>\n(function(){\n    const $ = s => document.querySelector(s);\n    const $$ = s => document.querySelectorAll(s);\n\n    \/\/ Inputs\n    const url=$('#as-url'), p1=$('#as-p1'), p2=$('#as-p2'),\n          h1=$('#as-h1'), h2=$('#as-h2'), h3=$('#as-h3'),\n          d1=$('#as-d1'), d2=$('#as-d2'), bk=$('#as-bk'), query=$('#as-query');\n\n    \/\/ Counters\n    const h1c=$('#as-h1c'), h2c=$('#as-h2c'), h3c=$('#as-h3c'), d1c=$('#as-d1c'), d2c=$('#as-d2c');\n\n    \/\/ Preview\n    const preview=$('#as-preview'), previewWrap=$('#as-previewWrap');\n\n    \/\/ Extension checkboxes\n    const extSl=$('#as-extSl'), extCo=$('#as-extCo'), extSs=$('#as-extSs'),\n          extCa=$('#as-extCa'), extLo=$('#as-extLo'), extPr=$('#as-extPr');\n\n    \/\/ Helpers\n    function domain(u){ try{ if(!u.startsWith('http'))u='https:\/\/'+u; return new URL(u).hostname.replace('www.',''); }catch{return u||'adaptoo.nl';} }\n    function dispUrl(u,a,b){ let d=domain(u); if(a)d+=' \/ '+a; if(b)d+=' \/ '+b; return d; }\n    function charCount(inp,cnt,max){ const l=inp.value.length; cnt.textContent=l+' \/ '+max; cnt.classList.remove('warn','over'); if(l>=max)cnt.classList.add('over'); else if(l>=max*.85)cnt.classList.add('warn'); }\n    function bold(t,kw){ if(!kw||!t)return t; const w=kw.split(\/[,\\s]+\/).filter(x=>x); if(!w.length)return t; const r=new RegExp('('+w.map(x=>x.replace(\/[.*+?^${}()|[\\]\\\\]\/g,'\\\\$&')).join('|')+')','gi'); return t.replace(r,'<span class=\"bold-keyword\">$1<\/span>'); }\n    function toast(m){ const t=$('#as-toast'); t.textContent=m; t.classList.add('show'); setTimeout(()=>t.classList.remove('show'),2500); }\n\n    function updatePreview(){\n        const kw=bk.value, d=domain(url.value);\n        $('#as-adDomain').textContent=d;\n        $('#as-adUrl').textContent=dispUrl(url.value,p1.value,p2.value);\n        if(url.value)$('#as-adFav').src='https:\/\/www.google.com\/s2\/favicons?sz=32&domain='+d;\n\n        const v1=h1.value||'Kop 1', v2=h2.value||'Kop 2', v3=h3.value;\n        let hh='<span>'+bold(v1,kw)+'<\/span><span class=\"as-sep\"> | <\/span><span>'+bold(v2,kw)+'<\/span>';\n        if(v3)hh+='<span class=\"as-sep\"> | <\/span><span>'+bold(v3,kw)+'<\/span>';\n        $('#as-adHead').innerHTML=hh;\n\n        let dd=d1.value||''; if(d2.value)dd+=' '+d2.value;\n        if(!dd)dd='Jouw advertentietekst verschijnt hier. Schrijf pakkende tekst om klikken van potenti\u00eble klanten te krijgen.';\n        $('#as-adDesc').innerHTML=bold(dd,kw);\n\n        \/\/ Extensions\n        const sl=extSl.checked; $('#as-pSl').style.display=sl?'flex':'none'; $('#as-slPanel').style.display=sl?'block':'none';\n        if(sl){ $('#as-pSl1').textContent=$('#as-sl1').value||'Sitelink 1'; $('#as-pSl2').textContent=$('#as-sl2').value||'Sitelink 2'; $('#as-pSl3').textContent=$('#as-sl3').value||'Sitelink 3'; $('#as-pSl4').textContent=$('#as-sl4').value||'Sitelink 4'; }\n\n        const co=extCo.checked; $('#as-pCo').style.display=co?'flex':'none'; $('#as-coPanel').style.display=co?'block':'none';\n        if(co){ $('#as-pCo1').textContent=$('#as-co1').value||'Highlight 1'; $('#as-pCo2').textContent=$('#as-co2').value||'Highlight 2'; $('#as-pCo3').textContent=$('#as-co3').value||'Highlight 3'; }\n\n        const ss=extSs.checked; $('#as-pSs').style.display=ss?'block':'none'; $('#as-ssPanel').style.display=ss?'block':'none';\n        if(ss){ $('#as-pSsHdr').textContent=$('#as-ssHdr').value+':'; $('#as-pSs1').textContent=$('#as-ss1').value||'Waarde 1'; $('#as-pSs2').textContent=$('#as-ss2').value||'Waarde 2'; $('#as-pSs3').textContent=$('#as-ss3').value||'Waarde 3'; }\n\n        const ca=extCa.checked; $('#as-pCall').style.display=ca?'flex':'none'; $('#as-caPanel').style.display=ca?'block':'none';\n        if(ca)$('#as-pCallNum').textContent=$('#as-phone').value||'020-123 4567';\n\n        const lo=extLo.checked; $('#as-pLoc').style.display=lo?'flex':'none'; $('#as-loPanel').style.display=lo?'block':'none';\n        if(lo)$('#as-pLocAddr').textContent=$('#as-addr').value||'Amsterdam, Nederland';\n\n        const pr=extPr.checked; $('#as-pPr').style.display=pr?'flex':'none'; $('#as-prPanel').style.display=pr?'block':'none';\n        if(pr){ $('#as-pPr1l').textContent=$('#as-pr1l').value||'Dienst 1'; $('#as-pPr1p').textContent=$('#as-pr1p').value||'\\u20AC99\/mnd'; $('#as-pPr2l').textContent=$('#as-pr2l').value||'Dienst 2'; $('#as-pPr2p').textContent=$('#as-pr2p').value||'\\u20AC199\/mnd'; $('#as-pPr3l').textContent=$('#as-pr3l').value||'Dienst 3'; $('#as-pPr3p').textContent=$('#as-pr3p').value||'\\u20AC299\/mnd'; }\n\n        \/\/ Shopping\n        const st=$('#as-shopTitle'), sp=$('#as-shopPrice'), ss2=$('#as-shopStore'), sr=$('#as-shopRating'), sv=$('#as-shopReviews');\n        $('#as-pShopTitle').textContent=st.value||'Producttitel';\n        $('#as-pShopPrice').textContent=sp.value||'\\u20AC499,00';\n        $('#as-pShopStore').textContent=ss2.value||'Winkelnaam';\n        const rv=parseFloat(sr.value)||4, rc=sv.value||'128';\n        let stars=''; for(let i=1;i<=5;i++)stars+=i<=Math.round(rv)?'\\u2605':'\\u2606';\n        $('#as-pShopRating').innerHTML='<span class=\"as-stars\">'+stars+'<\/span><span class=\"as-reviews\">('+rc+')<\/span>';\n    }\n\n    \/\/ Character counter listeners\n    h1.addEventListener('input',()=>{charCount(h1,h1c,30);updatePreview();});\n    h2.addEventListener('input',()=>{charCount(h2,h2c,30);updatePreview();});\n    h3.addEventListener('input',()=>{charCount(h3,h3c,30);updatePreview();});\n    d1.addEventListener('input',()=>{charCount(d1,d1c,90);updatePreview();});\n    d2.addEventListener('input',()=>{charCount(d2,d2c,90);updatePreview();});\n\n    \/\/ All other inputs\n    [url,p1,p2,bk,query,\n     $('#as-sl1'),$('#as-sl2'),$('#as-sl3'),$('#as-sl4'),\n     $('#as-co1'),$('#as-co2'),$('#as-co3'),\n     $('#as-ss1'),$('#as-ss2'),$('#as-ss3'),$('#as-ssHdr'),\n     $('#as-phone'),$('#as-addr'),\n     $('#as-pr1l'),$('#as-pr1p'),$('#as-pr2l'),$('#as-pr2p'),$('#as-pr3l'),$('#as-pr3p'),\n     $('#as-shopTitle'),$('#as-shopPrice'),$('#as-shopStore'),$('#as-shopRating'),$('#as-shopReviews')\n    ].forEach(el=>el.addEventListener('input',updatePreview));\n\n    [extSl,extCo,extSs,extCa,extLo,extPr].forEach(cb=>cb.addEventListener('change',updatePreview));\n\n    \/\/ Device toggle\n    $$('#adaptoo-serp .as-toggle-btn[data-device]').forEach(btn=>{\n        btn.addEventListener('click',()=>{\n            $$('#adaptoo-serp .as-toggle-btn[data-device]').forEach(b=>b.classList.remove('active'));\n            btn.classList.add('active');\n            preview.classList.toggle('mobile',btn.dataset.device==='mobile');\n        });\n    });\n\n    \/\/ Ad type toggle\n    $$('#adaptoo-serp .as-toggle-btn[data-type]').forEach(btn=>{\n        btn.addEventListener('click',()=>{\n            $$('#adaptoo-serp .as-toggle-btn[data-type]').forEach(b=>b.classList.remove('active'));\n            btn.classList.add('active');\n            const s=btn.dataset.type==='search';\n            $('#as-search-fields').style.display=s?'block':'none';\n            $('#as-shop-fields').style.display=s?'none':'block';\n            $('#as-adPreview').style.display=s?'block':'none';\n            $('#as-shopPreview').style.display=s?'none':'block';\n        });\n    });\n\n    \/\/ Reset\n    $('#as-btnReset').addEventListener('click',()=>{\n        $$('#adaptoo-serp input[type=\"text\"], #adaptoo-serp textarea, #adaptoo-serp input[type=\"number\"]').forEach(i=>i.value='');\n        $$('#adaptoo-serp input[type=\"checkbox\"]').forEach(c=>c.checked=false);\n        $('#as-ssHdr').selectedIndex=0;\n        [h1c,h2c,h3c].forEach(c=>{c.textContent='0 \/ 30';c.classList.remove('warn','over');});\n        [d1c,d2c].forEach(c=>{c.textContent='0 \/ 90';c.classList.remove('warn','over');});\n        $$('#adaptoo-serp .as-toggle-btn[data-type]').forEach(b=>b.classList.remove('active'));\n        $('#adaptoo-serp .as-toggle-btn[data-type=\"search\"]').classList.add('active');\n        $('#as-search-fields').style.display='block'; $('#as-shop-fields').style.display='none';\n        $('#as-adPreview').style.display='block'; $('#as-shopPreview').style.display='none';\n        $$('#adaptoo-serp .as-toggle-btn[data-device]').forEach(b=>b.classList.remove('active'));\n        $('#adaptoo-serp .as-toggle-btn[data-device=\"desktop\"]').classList.add('active');\n        preview.classList.remove('mobile');\n        updatePreview(); toast('Alle velden gereset');\n    });\n\n    \/\/ Save as image\n    $('#as-btnImg').addEventListener('click',async()=>{\n        try{\n            const c=await html2canvas(previewWrap,{backgroundColor:'#fff',scale:2,useCORS:true,logging:false});\n            const a=document.createElement('a'); a.download='adaptoo-ads-preview.png'; a.href=c.toDataURL('image\/png'); a.click(); toast('Afbeelding opgeslagen!');\n        }catch(e){ toast('Fout bij opslaan afbeelding.'); console.error(e); }\n    });\n\n    \/\/ Copy HTML\n    $('#as-btnHtml').addEventListener('click',()=>{\n        const hs=[h1.value,h2.value,h3.value].filter(x=>x).join(' | ');\n        const ds=[d1.value,d2.value].filter(x=>x).join(' ');\n        let html='<!-- Google Ads Preview -->\\n<div class=\"google-ad\">\\n  <span class=\"ad-label\">Gesponsord<\/span>\\n  <div class=\"ad-url\">'+(url.value||'')+'<\/div>\\n  <h3 class=\"ad-headline\">'+hs+'<\/h3>\\n  <p class=\"ad-description\">'+ds+'<\/p>\\n<\/div>';\n        navigator.clipboard.writeText(html).then(()=>toast('HTML gekopieerd!')).catch(()=>{\n            const t=document.createElement('textarea');t.value=html;document.body.appendChild(t);t.select();document.execCommand('copy');document.body.removeChild(t);toast('HTML gekopieerd!');\n        });\n    });\n\n    \/\/ Share link\n    $('#as-btnShare').addEventListener('click',()=>{\n        const p=new URLSearchParams();\n        if(url.value)p.set('url',url.value); if(p1.value)p.set('p1',p1.value); if(p2.value)p.set('p2',p2.value);\n        if(h1.value)p.set('h1',h1.value); if(h2.value)p.set('h2',h2.value); if(h3.value)p.set('h3',h3.value);\n        if(d1.value)p.set('d1',d1.value); if(d2.value)p.set('d2',d2.value); if(bk.value)p.set('bk',bk.value);\n        const link=window.location.origin+window.location.pathname+'?'+p.toString();\n        navigator.clipboard.writeText(link).then(()=>toast('Deellink gekopieerd!')).catch(()=>toast('Kon link niet kopi\u00ebren'));\n    });\n\n    \/\/ Load from URL params\n    (function(){\n        const p=new URLSearchParams(window.location.search);\n        if(p.get('url'))url.value=p.get('url'); if(p.get('p1'))p1.value=p.get('p1'); if(p.get('p2'))p2.value=p.get('p2');\n        if(p.get('h1')){h1.value=p.get('h1');charCount(h1,h1c,30);} if(p.get('h2')){h2.value=p.get('h2');charCount(h2,h2c,30);} if(p.get('h3')){h3.value=p.get('h3');charCount(h3,h3c,30);}\n        if(p.get('d1')){d1.value=p.get('d1');charCount(d1,d1c,90);} if(p.get('d2')){d2.value=p.get('d2');charCount(d2,d2c,90);} if(p.get('bk'))bk.value=p.get('bk');\n    })();\n\n    updatePreview();\n\n    \/\/ -- Basisbescherming tegen kopi\u00ebren --\n    \/\/ Rechtermuisknop blokkeren\n    document.addEventListener('contextmenu', function(e){ e.preventDefault(); });\n\n    \/\/ Toetscombinaties blokkeren: F12, Ctrl+Shift+I\/J\/C, Ctrl+U\n    document.addEventListener('keydown', function(e){\n        if(e.key==='F12') { e.preventDefault(); return; }\n        if(e.ctrlKey && e.shiftKey && ['I','J','C'].includes(e.key.toUpperCase())) { e.preventDefault(); return; }\n        if(e.ctrlKey && e.key.toUpperCase()==='U') { e.preventDefault(); return; }\n    });\n\n    \/\/ Tekst selecteren uitschakelen binnen de tool\n    document.getElementById('adaptoo-serp').style.userSelect='none';\n    document.getElementById('adaptoo-serp').style.webkitUserSelect='none';\n    \/\/ Input\/textarea wel selecteerbaar houden\n    $$('#adaptoo-serp input, #adaptoo-serp textarea, #adaptoo-serp select').forEach(function(el){\n        el.style.userSelect='text'; el.style.webkitUserSelect='text';\n    });\n})();\n<\/script>\n\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"gb-container gb-container-401547f4\"><div class=\"gb-inside-container\">\n<div class=\"gb-grid-wrapper gb-grid-wrapper-fd1ab8f9\">\n<div class=\"gb-grid-column gb-grid-column-2c714224\"><div class=\"gb-container gb-container-2c714224\"><div class=\"gb-inside-container\">\n\n<h3 class=\"gb-headline gb-headline-b1976434 gb-headline-text\"><strong>Would you like a free intake interview for your company?<\/strong><\/h3>\n\n\n\n<p class=\"gb-headline gb-headline-b5f1e5ed gb-headline-text\">Get a customized marketing plan to take your website to the top.<\/p>\n\n<\/div><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-1ce6c13e\"><div class=\"gb-container gb-container-1ce6c13e\"><div class=\"gb-inside-container\">\n\n<a class=\"gb-button gb-button-82e3ee51 gb-button-text\" href=\"https:\/\/adaptoo.nl\/en\/contact\/\">FREE Intake interview<\/a>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Desktop Mobile Ad Type Search Ad Shopping Ad Destination URL Display Path \/ Heading\u2026 <a title=\"Ads Serp Simulator\" class=\"read-more\" href=\"https:\/\/adaptoo.nl\/en\/ads-serp-simulator\/\" aria-label=\"Read more about Ads Serp Simulator\">Read more<\/a><\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9422","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/adaptoo.nl\/en\/wp-json\/wp\/v2\/pages\/9422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adaptoo.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adaptoo.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adaptoo.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/adaptoo.nl\/en\/wp-json\/wp\/v2\/comments?post=9422"}],"version-history":[{"count":3,"href":"https:\/\/adaptoo.nl\/en\/wp-json\/wp\/v2\/pages\/9422\/revisions"}],"predecessor-version":[{"id":9426,"href":"https:\/\/adaptoo.nl\/en\/wp-json\/wp\/v2\/pages\/9422\/revisions\/9426"}],"wp:attachment":[{"href":"https:\/\/adaptoo.nl\/en\/wp-json\/wp\/v2\/media?parent=9422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}