{"id":6261,"date":"2026-02-01T14:13:41","date_gmt":"2026-02-01T13:13:41","guid":{"rendered":"https:\/\/siite.dk\/?page_id=6261"},"modified":"2026-02-01T15:06:11","modified_gmt":"2026-02-01T14:06:11","slug":"google-ads-preview-tool","status":"publish","type":"page","link":"https:\/\/siite.dk\/en\/vaerktoj\/google-ads-preview-tool\/","title":{"rendered":"Google Ads Preview Tool"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6261\" class=\"elementor elementor-6261\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8f6420 particle-overlay e-flex e-con-boxed e-con e-child\" data-id=\"f8f6420\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ff663e6 e-con-full e-flex e-con e-child\" data-id=\"ff663e6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acb1793 elementor-widget elementor-widget-sp-breadcrumbs\" data-id=\"acb1793\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"sp-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav  aria-label=\"breadcrumb\"><ol class=\"breadcrumb\"><li class=\"breadcrumb-item active\" aria-current=\"page\"><span>Forside<\/span><\/li><\/ol><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7846d4b elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget-tablet__width-auto elementor-widget elementor-widget-heading\" data-id=\"7846d4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_delay&quot;:&quot;200&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Gratis Google Ads Preview Tool<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21a4c54 elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget-tablet__width-auto elementor-widget elementor-widget-text-editor\" data-id=\"21a4c54\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_delay&quot;:&quot;200&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p dir=\"auto\">Se pr\u00e6cis hvordan dine annoncer ser ud i s\u00f8geresultaterne \u2013 test overskrifter, beskrivelser og udvidelser i realtid.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30b5a4d e-flex e-con-boxed e-con e-parent\" data-id=\"30b5a4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83b751a elementor-widget elementor-widget-html\" data-id=\"83b751a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .siite-mockup-container {\n    font-family: inherit;\n    color: #111827;\n    margin: 0 auto;\n  }\n  .siite-grid {\n    display: grid;\n    grid-template-columns: 1fr 1.2fr;\n    gap: 40px;\n    align-items: start;\n    margin-bottom: 40px;\n  }\n  @media (max-width: 900px) {\n    .siite-grid { grid-template-columns: 1fr; }\n  }\n\n  \/* Builder Form *\/\n  .siite-section {\n    background: #f9fafb;\n    padding: 24px;\n    border-radius: 8px;\n    border: 1px solid #e5e7eb;\n  }\n  .siite-tabs {\n    display: flex;\n    gap: 5px;\n    margin-bottom: 20px;\n    border-bottom: 2px solid #e5e7eb;\n    padding-bottom: 10px;\n  }\n  .siite-tab-btn {\n    padding: 8px 16px;\n    border: 1px solid #d1d5db;\n    background: white;\n    border-radius: 6px;\n    cursor: pointer;\n    font-weight: 600;\n    font-size: 13px;\n    transition: all 0.2s;\n  }\n  .siite-tab-btn.active {\n    background: #111827;\n    color: white;\n    border-color: #111827;\n  }\n  .siite-group { margin-bottom: 15px; }\n  .siite-group label {\n    display: flex;\n    justify-content: space-between;\n    font-size: 13px;\n    font-weight: 600;\n    color: #374151;\n    margin-bottom: 5px;\n  }\n  .siite-counter { font-weight: 400; color: #6b7280; font-size: 11px; }\n  .siite-input {\n    width: 100%;\n    padding: 10px;\n    border: 1px solid #d1d5db;\n    border-radius: 6px;\n    font-size: 14px;\n    box-sizing: border-box;\n  }\n\n  \/* Google Search Preview Styling *\/\n  .siite-preview-sticky { position: sticky; top: 20px; }\n  .siite-ad-card {\n    background: white;\n    padding: 20px;\n    border-radius: 8px;\n    max-width: 600px;\n    margin-bottom: 20px;\n    border: 1px solid transparent;\n    transition: opacity 0.3s ease, transform 0.3s ease;\n  }\n  .siite-ad-card.active-preview {\n    border: 1px solid #e5e7eb;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n  }\n  .siite-ad-card.inactive-preview {\n    opacity: 0.5;\n  }\n  .siite-ad-sponsored { \n    font-size: 14px; \n    font-weight: 700; \n    color: #202124; \n    margin-bottom: 12px; \n    display: block;\n    font-family: sans-serif;\n  }\n  .siite-ad-header { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }\n  .siite-ad-favicon { \n    width: 28px; height: 28px; background: #f1f3f4; border-radius: 50%;\n    display: flex; align-items: center; justify-content: center; color: #70757a;\n  }\n  .siite-ad-path-wrap { display: flex; align-items: center; gap: 4px; }\n  .siite-ad-sitename { color: #202124; font-size: 14px; font-weight: 400; line-height: 20px; }\n  .siite-ad-url { color: #474747; font-size: 12px; line-height: 18px; }\n  \n  .siite-ad-headline { \n    color: #1a0dab; \n    font-size: 20px; \n    line-height: 1.3; \n    margin: 4px 0 8px 0; \n    font-weight: 400;\n    display: block;\n    text-decoration: none;\n    font-family: arial, sans-serif;\n  }\n  .siite-ad-desc { \n    color: #4d5156; \n    font-size: 14px; \n    line-height: 1.58; \n    margin-bottom: 12px; \n    font-family: arial, sans-serif;\n  }\n\n  \/* Extensions *\/\n  .siite-ad-rating-row { display: flex; align-items: center; gap: 6px; margin-bottom: 12px; font-size: 14px; color: #70757a; }\n  .siite-ad-stars { color: #fabb05; font-size: 16px; letter-spacing: 1px; }\n\n  .siite-ad-sitelinks { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }\n  .siite-ad-pill { \n    border: 1px solid #dadce0; \n    border-radius: 100px; \n    padding: 6px 16px; \n    color: #1a0dab; \n    font-size: 14px; \n    background: white;\n    font-family: arial, sans-serif;\n  }\n\n  .siite-ad-call {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    border: 1px solid #dadce0;\n    border-radius: 100px;\n    padding: 8px 20px;\n    width: fit-content;\n    color: #1a0dab;\n    font-weight: 500;\n    font-size: 14px;\n    margin-top: 5px;\n  }\n\n  \/* Info Section *\/\n  .siite-info-section { margin-top: 60px; padding-top: 40px; border-top: 2px solid #e5e7eb; }\n  .siite-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }\n  \n  h4 { font-size: 18px; color: #111827; margin-bottom: 15px; }\n  .siite-step h4 { color: #f44c2e; margin-bottom: 10px; font-size: 16px; text-transform: uppercase; }\n  .siite-step p { font-size: 14px; color: #4b5563; line-height: 1.6; }\n<\/style>\n\n<div class=\"siite-mockup-container\">\n  <div class=\"siite-grid\">\n    <!-- BUILDER SIDE -->\n    <div class=\"siite-builder-side\">\n      <div class=\"siite-section\">\n        <div class=\"siite-tabs\">\n          <button class=\"siite-tab-btn active\" onclick=\"switchAd(0)\">Annonce 1<\/button>\n          <button class=\"siite-tab-btn\" onclick=\"switchAd(1)\">Annonce 2<\/button>\n          <button class=\"siite-tab-btn\" onclick=\"switchAd(2)\">Annonce 3<\/button>\n        <\/div>\n\n        <div class=\"siite-group\">\n          <label>Overskrift 1 <span class=\"siite-counter\" id=\"c-h1\">0\/30<\/span><\/label>\n          <input type=\"text\" class=\"siite-input ad-input\" data-key=\"h1\" maxlength=\"30\" placeholder=\"F\u00f8rste overskrift\">\n        <\/div>\n        <div class=\"siite-group\">\n          <label>Overskrift 2 <span class=\"siite-counter\" id=\"c-h2\">0\/30<\/span><\/label>\n          <input type=\"text\" class=\"siite-input ad-input\" data-key=\"h2\" maxlength=\"30\" placeholder=\"Anden overskrift\">\n        <\/div>\n        <div class=\"siite-group\">\n          <label>Beskrivelse 1 <span class=\"siite-counter\" id=\"c-d1\">0\/90<\/span><\/label>\n          <input type=\"text\" class=\"siite-input ad-input\" data-key=\"d1\" maxlength=\"90\" placeholder=\"F\u00f8rste beskrivelsestekst\">\n        <\/div>\n        <div class=\"siite-group\">\n          <label>Beskrivelse 2 <span class=\"siite-counter\" id=\"c-d2\">0\/90<\/span><\/label>\n          <input type=\"text\" class=\"siite-input ad-input\" data-key=\"d2\" maxlength=\"90\" placeholder=\"Anden beskrivelsestekst\">\n        <\/div>\n        <div class=\"siite-group\">\n          <label>Sitenavn <span class=\"siite-counter\" id=\"c-sn\">0\/35<\/span><\/label>\n          <input type=\"text\" class=\"siite-input ad-input\" data-key=\"sn\" maxlength=\"35\" placeholder=\"Google Ads\">\n        <\/div>\n        <div class=\"siite-group\">\n          <label>Visnings-URL <span class=\"siite-counter\" id=\"c-url\">0\/35<\/span><\/label>\n          <input type=\"text\" class=\"siite-input ad-input\" data-key=\"url\" maxlength=\"35\" placeholder=\"www.eksempel.dk\/ydelser\">\n        <\/div>\n\n        <div style=\"margin-top:20px; padding-top:15px; border-top:1px solid #eee;\">\n          <h4 style=\"margin:0 0 10px 0; font-size:14px;\">Udvidelser<\/h4>\n          <div style=\"display:grid; gap:10px;\">\n            <label style=\"display:flex; align-items:center; gap:8px; font-size:14px; cursor:pointer;\">\n              <input type=\"checkbox\" class=\"siite-checkbox ad-input\" data-key=\"extReview\"> Vis bed\u00f8mmelse (Rating)\n            <\/label>\n            <label style=\"display:flex; align-items:center; gap:8px; font-size:14px; cursor:pointer;\">\n              <input type=\"checkbox\" class=\"siite-checkbox ad-input\" data-key=\"extCall\"> Vis opkaldsknap\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <div style=\"margin-top:20px;\">\n          <h4 style=\"margin:0 0 10px 0; font-size:14px;\">Sitelinks (Maks 4)<\/h4>\n          <div id=\"sitelinks-inputs\" style=\"display:grid; grid-template-columns: 1fr 1fr; gap:8px;\">\n            <input type=\"text\" class=\"siite-input sl-input\" data-idx=\"0\" placeholder=\"Sitelink 1\">\n            <input type=\"text\" class=\"siite-input sl-input\" data-idx=\"1\" placeholder=\"Sitelink 2\">\n            <input type=\"text\" class=\"siite-input sl-input\" data-idx=\"2\" placeholder=\"Sitelink 3\">\n            <input type=\"text\" class=\"siite-input sl-input\" data-idx=\"3\" placeholder=\"Sitelink 4\">\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- PREVIEW SIDE -->\n    <div class=\"siite-preview-side\">\n      <div class=\"siite-preview-sticky\">\n        <h4 id=\"preview-title\">Forh\u00e5ndsvisning<\/h4>\n        <div id=\"previews-container\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"siite-info-section\">\n    <h4>S\u00e5dan bruger du v\u00e6rkt\u00f8jet<\/h4>\n    <div class=\"siite-info-grid\">\n      <div class=\"siite-step\"><h4>Trin 1<\/h4><p>Indtast dine overskrifter og begge beskrivelser. Hold \u00f8je med tegnt\u00e6lleren.<\/p><\/div>\n      <div class=\"siite-step\"><h4>Trin 2<\/h4><p>Tilf\u00f8j Sitelinks eller bed\u00f8mmelser for at simulere den fulde annonce-oplevelse.<\/p><\/div>\n      <div class=\"siite-step\"><h4>Trin 3<\/h4><p>Brug fanerne til at skifte mellem varianterne. Alle 3 vises samtidigt til sammenligning.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  const state = Array.from({length: 3}, () => ({\n    h1: '', h2: '', d1: '', d2: '', sn: '', url: '', extReview: false, extCall: false,\n    sitelinks: ['', '', '', '']\n  }));\n  let activeIndex = 0;\n\n  function render() {\n    const s = state[activeIndex];\n    \n    const setC = (id, val, max) => {\n      const el = document.getElementById(id);\n      if(el) el.innerText = `${val.length}\/${max}`;\n    };\n    setC('c-h1', s.h1, 30); setC('c-h2', s.h2, 30); \n    setC('c-d1', s.d1, 90); setC('c-d2', s.d2, 90);\n    setC('c-sn', s.sn, 35); setC('c-url', s.url, 35);\n\n    const container = document.getElementById('previews-container');\n    container.innerHTML = state.map((ad, idx) => `\n      <div class=\"siite-ad-card ${idx === activeIndex ? 'active-preview' : 'inactive-preview'}\" id=\"ad-preview-${idx}\">\n        <div style=\"font-size: 10px; font-weight: bold; color: #9ca3af; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.05em;\">Variant ${idx + 1} ${idx === activeIndex ? '(Redigerer)' : ''}<\/div>\n        <span class=\"siite-ad-sponsored\">Sponseret<\/span>\n        <div class=\"siite-ad-header\">\n          <div class=\"siite-ad-favicon\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7.01-3.55-7.5-7.5H7.5c.45 2.5 2.5 4.5 5 5v2.5zm10.5-7.93c-.49 3.95-3.55 7.01-7.5 7.5v-2.5c2.5-.45 4.5-2.5 5-5h2.5zM12 3.5c1.1 0 2 1 2 2s-1 2-2 2-2-1-2-2 1-2 2-2z\"\/><\/svg>\n          <\/div>\n          <div>\n            <div class=\"siite-ad-path-wrap\">\n              <span class=\"siite-ad-sitename\">${ad.sn || 'Google Ads'}<\/span>\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#70757a\"><path d=\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"\/><\/svg>\n            <\/div>\n            <div class=\"siite-ad-url\">${ad.url || 'www.eksempel.dk\/ydelser'}<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"siite-ad-headline\">${ad.h1 || 'Overskrift 1'} | ${ad.h2 || 'Overskrift 2'}<\/div>\n        <div class=\"siite-ad-desc\">${ad.d1 || 'F\u00f8rste linje i din annoncetekst.'} ${ad.d2 || 'Anden linje i din annoncetekst her.'}<\/div>\n        \n        ${ad.extReview ? `\n          <div class=\"siite-ad-rating-row\">\n            <span class=\"siite-ad-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <span>Bed\u00f8mmelse: 4.9 \u00b7 925 anmeldelser<\/span>\n          <\/div>\n        ` : ''}\n\n        ${ad.sitelinks.some(l => l) ? `\n          <div class=\"siite-ad-sitelinks\">\n            ${ad.sitelinks.filter(l => l).map(l => `<div class=\"siite-ad-pill\">${l}<\/div>`).join('')}\n          <\/div>\n        ` : ''}\n\n        ${ad.extCall ? `\n          <div class=\"siite-ad-call\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\n            Ring til os\n          <\/div>\n        ` : ''}\n      <\/div>\n    `).join('');\n  }\n\n  window.switchAd = function(idx) {\n    activeIndex = idx;\n    document.querySelectorAll('.siite-tab-btn').forEach((b, i) => b.classList.toggle('active', i === idx));\n    \n    const s = state[idx];\n    document.querySelectorAll('.ad-input').forEach(i => {\n      const k = i.dataset.key;\n      i.type === 'checkbox' ? i.checked = s[k] : i.value = s[k];\n    });\n    document.querySelectorAll('.sl-input').forEach(i => i.value = s.sitelinks[i.dataset.idx]);\n    render();\n  };\n\n  document.addEventListener('input', e => {\n    if(e.target.classList.contains('ad-input')) {\n      const k = e.target.dataset.key;\n      state[activeIndex][k] = e.target.type === 'checkbox' ? e.target.checked : e.target.value;\n      render();\n    }\n    if(e.target.classList.contains('sl-input')) {\n      state[activeIndex].sitelinks[e.target.dataset.idx] = e.target.value;\n      render();\n    }\n  });\n\n  render();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Forside Gratis Google Ads Preview Tool Se pr\u00e6cis hvordan dine annoncer ser ud i s\u00f8geresultaterne \u2013 test overskrifter, beskrivelser og udvidelser i [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":6218,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_titles_title":"Gratis Google Ads Preview Tool \u2013 Se annoncer live","_seopress_titles_desc":"Test dine Google Ads i realtid. Se overskrifter, beskrivelser, sitelinks og udvidelser pr\u00e6cist som i s\u00f8geresultaterne \u2013 gratis og nemt.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[{"url":"","title":"","desc":"","thumbnail":"","duration":"","rating":"","view_count":"","tag":""}],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"class_list":["post-6261","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/pages\/6261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/comments?post=6261"}],"version-history":[{"count":6,"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/pages\/6261\/revisions"}],"predecessor-version":[{"id":6269,"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/pages\/6261\/revisions\/6269"}],"up":[{"embeddable":true,"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/pages\/6218"}],"wp:attachment":[{"href":"https:\/\/siite.dk\/en\/wp-json\/wp\/v2\/media?parent=6261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}