{"id":11,"date":"2026-10-07T15:43:59","date_gmt":"2026-10-07T15:43:59","guid":{"rendered":"https:\/\/book.counsellingandco.com\/?page_id=11"},"modified":"2026-10-07T15:45:27","modified_gmt":"2026-10-07T15:45:27","slug":"ad-previews","status":"publish","type":"page","link":"https:\/\/book.counsellingandco.com\/?page_id=11","title":{"rendered":"Ad Demo: Three Ads, Three Funnels"},"content":{"rendered":"\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=Fraunces:opsz,wght@9..144,500;9..144,600&#038;display=swap\" rel=\"stylesheet\">\n<style>.ccad {\n  --cream: #faf6f1; --paper: #fff; --ink: #1e2a2b; --muted: #56645f; --line: #e4ddd3;\n  --sage: #2f5d57; --sage-soft: #e7efe9; --clay: #b8603f;\n  --serif: 'Fraunces', Georgia, serif;\n  --sans: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n  font-family: var(--sans); color: var(--ink); background: var(--cream); line-height: 1.5; font-size: 16px;\n  min-height: 100vh;\n}\n.ccad *, .ccad *::before, .ccad *::after { box-sizing: border-box; }\n.ccad :where(h1, h2, h3, p, ul) { margin: 0; }\n.ccad :where(a) { color: var(--sage); }\n.ccad-wrap { max-width: 1080px; margin: 0 auto; padding: 0 16px; }\n.ccad-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 0; flex-wrap: wrap; }\n.ccad-brand { font-family: var(--serif); font-size: 20px; font-weight: 600; color: var(--ink); text-decoration: none; }\n.ccad-badge { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; background: var(--ink); color: var(--cream); padding: 6px 10px; border-radius: 999px; }\n.ccad-head { padding: 24px 0 28px; }\n.ccad-eyebrow { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--sage); font-weight: 700; margin-bottom: 10px; }\n.ccad-head h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(30px, 4.6vw, 44px); line-height: 1.1; }\n.ccad-head p { margin-top: 12px; color: var(--muted); max-width: 40em; }\n\n.ccad-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 999px; border: 2px solid var(--ink); background: transparent; color: var(--ink); font: 600 15px\/1.2 var(--sans); text-decoration: none; cursor: pointer; }\n.ccad-btn:hover { background: var(--ink); color: var(--cream); }\n.ccad-btn-primary { background: var(--clay); border-color: var(--clay); color: #fff; }\n.ccad-btn-primary:hover { background: #a2522f; border-color: #a2522f; color: #fff; }\n.ccad-btn:focus-visible, .ccad-seg button:focus-visible { outline: 3px solid var(--sage); outline-offset: 3px; }\n\n\/* Toolbar *\/\n.ccad-tools { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 16px; }\n.ccad-seg { display: inline-flex; border: 1.5px solid var(--line); border-radius: 999px; background: var(--paper); padding: 3px; }\n.ccad-seg button { border: 0; background: none; padding: 8px 14px; border-radius: 999px; font: 600 14px var(--sans); color: var(--muted); cursor: pointer; }\n.ccad-seg button[aria-pressed=\"true\"] { background: var(--ink); color: var(--cream); }\n.ccad-combo { font-size: 13px; color: var(--muted); }\n\n\/* Google SERP mock *\/\n.ccad-serp { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 22px 18px; box-shadow: 0 18px 40px -30px rgba(30,42,43,.4); }\n.ccad-serp.is-mobile { max-width: 412px; }\n.ccad-search { display: flex; align-items: center; gap: 10px; border: 1px solid #dfe1e5; border-radius: 24px; padding: 10px 16px; margin-bottom: 18px; font: 15px arial, sans-serif; color: #202124; }\n.ccad-search svg { flex: none; }\n.g-ad { font-family: arial, sans-serif; color: #202124; }\n.g-spons { font-size: 14px; font-weight: 700; margin-bottom: 8px; }\n.g-site { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }\n.g-fav { width: 28px; height: 28px; border-radius: 50%; background: var(--sage); color: #fff; display: grid; place-items: center; font: 700 12px arial, sans-serif; flex: none; }\n.g-name { font-size: 14px; line-height: 1.3; }\n.g-url { font-size: 12px; color: #4d5156; }\n.g-h { font-size: 20px; line-height: 1.3; color: #1a0dab; margin: 2px 0 4px; text-decoration: none; display: block; }\n.g-h:hover { text-decoration: underline; }\n.is-mobile .g-h { font-size: 18px; color: #1558d6; }\n.g-d { font-size: 14px; line-height: 1.58; color: #4d5156; }\n.g-callouts { font-size: 14px; color: #4d5156; margin-top: 4px; }\n.g-snip { font-size: 14px; color: #4d5156; margin-top: 2px; }\n.g-links { display: grid; gap: 2px 24px; margin-top: 10px; grid-template-columns: 1fr; }\n@media (min-width: 640px) { .ccad-serp:not(.is-mobile) .g-links { grid-template-columns: 1fr 1fr; } }\n.g-link { padding: 6px 0; border-top: 1px solid #ecedef; }\n.g-link a { color: #1a0dab; font-size: 15px; text-decoration: none; }\n.g-link p { font-size: 13px; color: #4d5156; }\n.ccad-fade { animation: ccad-in .25s ease both; }\n@keyframes ccad-in { from { opacity: .2; } to { opacity: 1; } }\n@media (prefers-reduced-motion: reduce) { .ccad-fade { animation: none; } }\n\n\/* Detail panels *\/\n.ccad-grid { display: grid; gap: 24px; padding: 32px 0 56px; }\n@media (min-width: 900px) { .ccad-grid { grid-template-columns: 1fr 1fr; } }\n.ccad-panel { background: var(--paper); border: 1px solid var(--line); border-radius: 16px; padding: 22px; }\n.ccad-panel h2 { font-family: var(--serif); font-weight: 500; font-size: 22px; margin-bottom: 12px; }\n.ccad-list { list-style: none; padding: 0; display: grid; gap: 6px; }\n.ccad-list li { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--line); font-size: 15px; }\n.ccad-list li:last-child { border-bottom: 0; }\n.ccad-n { font-variant-numeric: tabular-nums; color: var(--muted); font-size: 13px; white-space: nowrap; }\n.ccad-chips { display: flex; flex-wrap: wrap; gap: 8px; }\n.ccad-chip { background: var(--sage-soft); color: var(--sage); border-radius: 999px; padding: 5px 12px; font-size: 14px; font-family: ui-monospace, Consolas, monospace; }\n.ccad-chip.is-neg { background: #f6e9e3; color: #8a3f22; }\n.ccad-note { font-size: 14px; color: var(--muted); margin-top: 12px; }\n\n\/* Hub cards *\/\n.ccad-cards { display: grid; gap: 22px; padding-bottom: 56px; }\n@media (min-width: 960px) { .ccad-cards { grid-template-columns: repeat(3, 1fr); } }\n.ccad-card { background: var(--paper); border: 1px solid var(--line); border-radius: 18px; padding: 20px; display: flex; flex-direction: column; gap: 16px; }\n.ccad-card h2 { font-family: var(--serif); font-weight: 500; font-size: 22px; }\n.ccad-card .ccad-serp { box-shadow: none; padding: 16px 14px; border-radius: 12px; }\n.ccad-card .g-h { font-size: 17px; }\n.ccad-card-ctas { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }\n.ccad-flow { display: grid; gap: 14px; padding: 8px 0 40px; }\n@media (min-width: 760px) { .ccad-flow { grid-template-columns: repeat(4, 1fr); } }\n.ccad-step { border-left: 3px solid var(--sage); padding: 4px 0 4px 14px; }\n.ccad-step strong { display: block; font-family: var(--serif); font-weight: 500; font-size: 18px; }\n.ccad-step span { font-size: 14px; color: var(--muted); }\n.ccad-foot { background: var(--ink); color: #d9e1dc; padding: 28px 0; font-size: 14px; }\n\n\/* In WordPress: match the body colour, and cancel the flow-layout top margin (the font links sit before us). *\/\nbody:has(.ccad) { background: #faf6f1; }\n.wp-block-post-content > .ccad { margin-block-start: 0; }\n<\/style>\n<div class=\"ccad\">\n<div class=\"ccad-wrap\">\n  <header class=\"ccad-top\">\n    <a class=\"ccad-brand\" href=\"\/?pagename=ad-previews\">Counselling &amp; Co.<\/a>\n    <span class=\"ccad-badge\">Ad demo<\/span>\n  <\/header>\n<\/div>\n<div class=\"ccad-wrap\">\n  <section class=\"ccad-head\">\n    <p class=\"ccad-eyebrow\">Google Search campaign \u00b7 Oakville &amp; Ontario<\/p>\n    <h1>Three ads, three funnels<\/h1>\n    <p>Each ad leads to its own landing page with a short quiz that routes people to a free meet &amp; greet, or back to the service page that fits.<\/p>\n  <\/section>\n  <div class=\"ccad-flow\"><div class=\"ccad-step\"><strong>Search<\/strong><span>Someone in Oakville searches for help.<\/span><\/div><div class=\"ccad-step\"><strong>Ad<\/strong><span>A warm, specific ad matches what they typed.<\/span><\/div><div class=\"ccad-step\"><strong>Landing quiz<\/strong><span>Three quick taps tailor the next step.<\/span><\/div><div class=\"ccad-step\"><strong>Book or learn<\/strong><span>Free meet &amp; greet on Jane, or the service page.<\/span><\/div><\/div>\n  <div class=\"ccad-cards\">\n    <article class=\"ccad-card\" data-ad>\n      <script type=\"application\/json\">{\"headlines\":[\"Trauma-Informed Counselling\",\"Trauma Therapy in Oakville\",\"Book Your Free Meet & Greet\",\"Take the First Step Today\",\"It Takes a Village to Heal\",\"Heal at Your Own Pace\",\"Held, Seen & Affirmed\",\"Virtual Across Ontario\",\"In-Person or Virtual Sessions\",\"LGBTQ2S+ Affirming Care\",\"Book Online Anytime\",\"Counselling & Co. Oakville\",\"Reflect, Release, Transform\",\"Compassionate Therapists\",\"Support After Trauma\"],\"descriptions\":[\"Trauma-informed counselling in Oakville or across Ontario. Book a free meet & greet today.\",\"A compassionate invitation to reflect, release and transform, at a pace that feels safe.\",\"It takes a village to heal, and we'd love to be part of yours. LGBTQ2S+ affirming care.\",\"Take the first step today. Book online anytime, in person in Oakville or virtual.\"],\"pinH1\":null}<\/script>\n      <h2>Individual Trauma<\/h2>\n      <div class=\"ccad-serp\">\n  <div class=\"ccad-search\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"#9aa0a6\" d=\"M15.5 14h-.8l-.3-.3A6.5 6.5 0 1 0 14 15.5l.3.3v.8l5 5 1.5-1.5-5-5zm-6 0a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9z\"\/><\/svg><span>trauma therapist oakville<\/span><\/div>\n  <div class=\"g-ad\">\n    <p class=\"g-spons\">Sponsored<\/p>\n    <div class=\"g-site\"><span class=\"g-fav\" aria-hidden=\"true\">C&amp;C<\/span>\n      <div><div class=\"g-name\">Counselling &amp; Co.<\/div><div class=\"g-url\">book.counsellingandco.com \u203a Trauma \u203a Oakville<\/div><\/div>\n    <\/div>\n    <a class=\"g-h\" href=\"\/?pagename=trauma-counselling\">Trauma-Informed Counselling | Trauma Therapy in Oakville | Book Your Free Meet &amp; Greet<\/a>\n    <p class=\"g-d\">Trauma-informed counselling in Oakville or across Ontario. Book a free meet &amp; greet today. A compassionate invitation to reflect, release and transform, at a pace that feels safe.<\/p>\n    \n    \n  <\/div>\n<\/div>\n      <div class=\"ccad-card-ctas\">\n        <a class=\"ccad-btn ccad-btn-primary\" href=\"\/?pagename=ad-preview-trauma\">View ad<\/a>\n        <a class=\"ccad-btn\" href=\"\/?pagename=trauma-counselling\">Landing page<\/a>\n        <button type=\"button\" class=\"ccad-btn\" data-action=\"shuffle\">Shuffle<\/button>\n      <\/div>\n    <\/article>\n    <article class=\"ccad-card\" data-ad>\n      <script type=\"application\/json\">{\"headlines\":[\"Child Therapy in Oakville\",\"Book Your Free Meet & Greet\",\"Help Your Child Thrive\",\"Take the First Step Today\",\"Play-Based Child Therapy\",\"Parents Involved Every Step\",\"Support for Big Feelings\",\"Building Confidence in Kids\",\"Neurodiverse Affirming Care\",\"Support Through Family Change\",\"Virtual Across Ontario\",\"Book Online Anytime\",\"It Takes a Village to Heal\",\"Counselling & Co. Oakville\",\"Tools for Home and School\"],\"descriptions\":[\"Children deserve the chance to thrive. Child therapy in Oakville and virtual in Ontario.\",\"Play-based, creative sessions with strategies you can use at home and school.\",\"Support for worry, big feelings, friendships, family changes and neurodiversity.\",\"Take the first step today. Book a free meet & greet online. Parents involved throughout.\"],\"pinH1\":0}<\/script>\n      <h2>Child Therapy<\/h2>\n      <div class=\"ccad-serp\">\n  <div class=\"ccad-search\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"#9aa0a6\" d=\"M15.5 14h-.8l-.3-.3A6.5 6.5 0 1 0 14 15.5l.3.3v.8l5 5 1.5-1.5-5-5zm-6 0a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9z\"\/><\/svg><span>child therapist oakville<\/span><\/div>\n  <div class=\"g-ad\">\n    <p class=\"g-spons\">Sponsored<\/p>\n    <div class=\"g-site\"><span class=\"g-fav\" aria-hidden=\"true\">C&amp;C<\/span>\n      <div><div class=\"g-name\">Counselling &amp; Co.<\/div><div class=\"g-url\">book.counsellingandco.com \u203a Child-Therapy \u203a Oakville<\/div><\/div>\n    <\/div>\n    <a class=\"g-h\" href=\"\/?pagename=child-therapy-oakville\">Child Therapy in Oakville | Book Your Free Meet &amp; Greet | Help Your Child Thrive<\/a>\n    <p class=\"g-d\">Children deserve the chance to thrive. Child therapy in Oakville and virtual in Ontario. Play-based, creative sessions with strategies you can use at home and school.<\/p>\n    \n    \n  <\/div>\n<\/div>\n      <div class=\"ccad-card-ctas\">\n        <a class=\"ccad-btn ccad-btn-primary\" href=\"\/?pagename=ad-preview-child\">View ad<\/a>\n        <a class=\"ccad-btn\" href=\"\/?pagename=child-therapy-oakville\">Landing page<\/a>\n        <button type=\"button\" class=\"ccad-btn\" data-action=\"shuffle\">Shuffle<\/button>\n      <\/div>\n    <\/article>\n    <article class=\"ccad-card\" data-ad>\n      <script type=\"application\/json\">{\"headlines\":[\"Teen ADHD Therapy Oakville\",\"Neurodiverse Affirming Care\",\"Book Your Free Meet & Greet\",\"Held, Seen & Affirmed\",\"Therapy for Teens With ADHD\",\"Take the First Step Today\",\"Support for Autistic Teens\",\"Walk & Talk Sessions\",\"Lived Experience on Our Team\",\"A Space to Unmask\",\"Celebrate How They Think\",\"Virtual Across Ontario\",\"Book Online Anytime\",\"Teen Therapy in Oakville\",\"Counselling & Co. Oakville\"],\"descriptions\":[\"Neurodiverse affirming teen therapy, Oakville or virtual. Book a free meet & greet today.\",\"ADHD isn't a problem to be fixed. It's part of who your teen is, to be understood.\",\"Support for focus, emotions, school and friendships, with room to unmask and be seen.\",\"Walk & Talk and sensory-friendly options. Take the first step today, book online anytime.\"],\"pinH1\":null}<\/script>\n      <h2>Teen ADHD \/ Neurodiverse<\/h2>\n      <div class=\"ccad-serp\">\n  <div class=\"ccad-search\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"#9aa0a6\" d=\"M15.5 14h-.8l-.3-.3A6.5 6.5 0 1 0 14 15.5l.3.3v.8l5 5 1.5-1.5-5-5zm-6 0a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9z\"\/><\/svg><span>teen adhd therapy oakville<\/span><\/div>\n  <div class=\"g-ad\">\n    <p class=\"g-spons\">Sponsored<\/p>\n    <div class=\"g-site\"><span class=\"g-fav\" aria-hidden=\"true\">C&amp;C<\/span>\n      <div><div class=\"g-name\">Counselling &amp; Co.<\/div><div class=\"g-url\">book.counsellingandco.com \u203a Teen-ADHD \u203a Oakville<\/div><\/div>\n    <\/div>\n    <a class=\"g-h\" href=\"\/?pagename=teen-adhd-therapy\">Teen ADHD Therapy Oakville | Neurodiverse Affirming Care | Book Your Free Meet &amp; Greet<\/a>\n    <p class=\"g-d\">Neurodiverse affirming teen therapy, Oakville or virtual. Book a free meet &amp; greet today. ADHD isn&#8217;t a problem to be fixed. It&#8217;s part of who your teen is, to be understood.<\/p>\n    \n    \n  <\/div>\n<\/div>\n      <div class=\"ccad-card-ctas\">\n        <a class=\"ccad-btn ccad-btn-primary\" href=\"\/?pagename=ad-preview-teen\">View ad<\/a>\n        <a class=\"ccad-btn\" href=\"\/?pagename=teen-adhd-therapy\">Landing page<\/a>\n        <button type=\"button\" class=\"ccad-btn\" data-action=\"shuffle\">Shuffle<\/button>\n      <\/div>\n    <\/article>\n  <\/div>\n<\/div>\n<footer class=\"ccad-foot\"><div class=\"ccad-wrap\">Demo preview of Google Search ads for Counselling &amp; Co. Live ads render with Google&#8217;s own styling, and Google chooses which headline and description combinations to show.<\/div><\/footer>\n<script>(function () {\n  'use strict';\n\n  \/\/ Mimics how a Responsive Search Ad is assembled: up to 3 headlines and\n  \/\/ 2 descriptions drawn from the pool, with any pinned headline kept first.\n  function pick(pool, n, pinned) {\n    var rest = pool.map(function (_, i) { return i; }).filter(function (i) { return i !== pinned; });\n    for (var i = rest.length - 1; i > 0; i--) {\n      var j = Math.floor(Math.random() * (i + 1));\n      var t = rest[i]; rest[i] = rest[j]; rest[j] = t;\n    }\n    var out = pinned == null ? [] : [pinned];\n    return out.concat(rest).slice(0, n);\n  }\n\n  document.querySelectorAll('[data-ad]').forEach(function (box) {\n    var ad = JSON.parse(box.querySelector('script[type=\"application\/json\"]').textContent);\n    var serp = box.querySelector('.ccad-serp');\n    var hEl = box.querySelector('.g-h');\n    var dEl = box.querySelector('.g-d');\n    var combo = box.querySelector('.ccad-combo');\n\n    function render(h, d) {\n      hEl.textContent = h.map(function (i) { return ad.headlines[i]; }).join(' | ');\n      dEl.textContent = d.map(function (i) { return ad.descriptions[i]; }).join(' ');\n      if (combo) combo.textContent = 'Headlines ' + h.map(function (i) { return i + 1; }).join(', ') +\n        ' \u00b7 Descriptions ' + d.map(function (i) { return i + 1; }).join(', ');\n      [hEl, dEl].forEach(function (n) { n.classList.remove('ccad-fade'); void n.offsetWidth; n.classList.add('ccad-fade'); });\n    }\n\n    var shuffle = box.querySelector('[data-action=\"shuffle\"]');\n    if (shuffle) shuffle.addEventListener('click', function () {\n      render(pick(ad.headlines, 3, ad.pinH1), pick(ad.descriptions, 2, null));\n    });\n\n    box.querySelectorAll('[data-view]').forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var mobile = btn.getAttribute('data-view') === 'mobile';\n        serp.classList.toggle('is-mobile', mobile);\n        box.querySelectorAll('[data-view]').forEach(function (b) { b.setAttribute('aria-pressed', String(b === btn)); });\n      });\n    });\n  });\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Counselling &amp; Co. Ad demo Google Search campaign \u00b7 Oakville &amp; Ontario Three ads, three funnels Each ad leads to its own landing page with a short quiz that routes people to a free meet &amp; greet, or back to the service page that fits. SearchSomeone in Oakville searches for help. AdA warm, specific ad [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"cco-blank","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/book.counsellingandco.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/book.counsellingandco.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/book.counsellingandco.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/book.counsellingandco.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/book.counsellingandco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":2,"href":"https:\/\/book.counsellingandco.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/book.counsellingandco.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/book.counsellingandco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}