Wdrożenie treści przez GTM na stronie

Ogólnie NIE POLECAM tak robić, musi być wyjątkowa sytuacja i potwierdzona zarówno z opiekunem, jak i z Klientem gdy wszystkie inne możliwości zostały wyczerpane z uwagi na to, że treści te ładują się z delikatnym opóźnieniem oraz ingerują w strukturę strony nawet gdy nie posiadamy dostępów do strony, a wyłącznie dostęp do GTM. Może to nieco zdziwić Klienta w jaki sposób można coś modyfikować, dlatego zalecam dokładnie to omówić przed wdrażaniem.

Skrypt, który wykorzystuję jest przebudową drobną skrytpu Sebastiana i wykorzystuje tagi oraz klasy dostępne już na stronie. Wybrałem fragment kodu, gdzie pojawiały się treści w ramce i wykorzystałem dla siebie w innym miejscu:

Tag w GTM: Niestandardowy kod HTML

Podajemy: „URL”: [„TEKST DO ZMIANY – najlepiej ze znacznikami HTML], „URL”: [„TEKST DO ZMIANY – najlepiej ze znacznikami HTML]….

Poniższy fragment wdraża treści na podstrony: https://www.midi24.pl/kategoria/43/0/Piosenki-cyganskie.html, https://www.midi24.pl/kategoria/23/0/Religijne.html

Pamiętajcie, aby zmienić także querySelektor – nazwę klasy

<script>

 
var optimalizationMap = {
    "https://www.midi24.pl/kategoria/43/0/Piosenki-cyganskie.html": ["<h1>Piosenki Cygańskie - Podkłady Karaoke</h1><br/><div class='box_opisu_hld'><p><strong>Piosenki cygańskie to utwory, które z pewnością sprawdzą się w celu rozruszania osób na domówce</strong>, ale też w trakcie większych uroczystości, np. wesela. <strong>Jeśli chcesz zagrać przeboje cygańskie i potrzebujesz podkładu, skorzystaj z naszej oferty</strong>. Na Midi24 dostępne są różnorodne utwory, w tym także cygańskie piosenki!</p><h2>Piosenki cygańskie biesiadne — wybierz podkład dla siebie</h2><p><strong>Przeboje cygańskie wyróżniają się szczególnie biesiadnym charakterem</strong>. Gdy tylko wybrzmią nuty znanego utworu&nbsp;każdy, kto zna tekst, chce śpiewać. A wszyscy, którzy niekoniecznie znają słowa piosenek cygańskich, chętnie towarzyszą reszcie nucąc. Jeśli szykujesz listę utworów, które dobrze się sprawdzą podczas spotkania towarzyskiego, np. przy ognisku, <strong>cygańskie piosenki zapisane w formatach dostępnych w naszej ofercie będą bardzo przydatne</strong>. Wśród dostępnych plików znajdziesz m.in. hity, z których zasłynął Don Vasyl. Jesteśmy pewni, że takie przeboje porwą do zabawy duże grono Twoich słuchaczy.</p><h2>Midi24 - cygańskie piosenki i nie tylko</h2><p>Na naszej stronie znajdziesz<strong> </strong>podkłady muzyczne, z których możesz korzystać zarówno prywatnie w domu, jak i jako DJ na większych imprezach. <strong>Większość z podkładów do piosenek cygańskich zapisana jest w formacie MP3 i General Midi. Jednak wybrane utwory dostępne są również jako plik dostosowany pod względem brzmieniowym do instrumentów YAMAHA</strong>. To od Ciebie zależy, <strong>które piosenki cygańskie biesiadne wybierzesz i na jaki format podkładu się zdecydujesz</strong>. Dajemy gwarancję, że wszystkie z naszych produktów są legalne i dzięki specjalnym certyfikatom możesz z nich korzystać także dla użytku publicznego. Co więcej, jako nasz stały klient zyskujesz<strong> dostęp do atrakcyjnych rabatów, dzięki którym każdy podkład do cygańskiej piosenki możesz pobrać za naprawdę niewiele</strong>.</p><p>Przestań korzystać z niesprawdzonych źródeł i zdecyduj się na podkłady muzyczne z naszej strony - Midi24!<br/></p></div>"],
	"https://www.midi24.pl/kategoria/23/0/Religijne.html": ["<h1>Piosenki Religijne - Podkłady Karaoke</h1><br/><div class='box_opisu_hld'><p><strong>Podkłady muzyczne religijne to pliki, które mogą być przydatne podczas organizowania uroczystości kościelnych, ale też do przygotowania koncertu lub na własne potrzeby</strong>. Jeśli ich potrzebujesz, sprawdź bazę plików Midi24. Znajdziesz w niej <strong>religijne podkłady muzyczne do piosenek, które z pewnością zna wielu z nas</strong>. Wśród nich dostępne są też mniej znane piosenki religijne, które pozwolą Ci odkryć nowości.</p><h2>Podkłady muzyczne religijne — pobierz na Midi24</h2><p>Jeśli interesują Cię piosenki religijne, a dokładnie podkłady do nich, zachęcamy do zapoznania się z ofertą naszego serwisu. Dostępne są tu <strong>podkłady muzyczne religijne zapisane w formacie MP3 i General Midi</strong>. Dzięki temu możesz je odtworzyć na dowolnym sprzęcie do karaoke lub swoim instrumencie. <strong>Podkładu do takich pieśni jak Barka nie musisz już szukać na Chomikuj</strong>. Znajdziesz go w naszej bazie. Co więcej, kupując podkład, uzyskasz specjalny certyfikat uprawniający do wykorzystania danego utworu nie tylko prywatnie, ale też publicznie.</p><h2>Midi24 - podkłady do piosenek religijnych i nie tylko</h2><p>Jako użytkownik naszego serwisu otrzymasz <strong>dostęp do szerokiej bazy plików muzycznych w różnych formatach. Wśród nich pojawiają się religijne podkłady muzyczne, ale też utwory bardziej rozrywkowe</strong>, dzięki którym rozkręcisz imprezę jako DJ. Gdy postanowisz zostać z nami na dłużej, zyskasz dostęp do atrakcyjnych rabatów. W ten sposób <strong>za podkłady muzyczne religijne lub inne zapłacisz zaledwie kilka złotych!</strong></p><p>Zachęcamy do tego, by zapoznać się z naszą ofertą zarówno początkujących muzyków, jak i tych, którzy grają na instrumencie już od jakiegoś czasu. Jesteśmy pewni, że każdy znajdzie tu coś dla siebie. <strong>Jeśli na przykład potrzebujesz podkładu muzycznego z możliwością dostosowania pod względem brzmieniowym, sprawdź style YAMAHA</strong>. Dzięki temu grana przez Ciebie muzyka zrobi jeszcze lepsze wrażenie!<br/>&nbsp;</p></div>"]
};

function getCurrentURL() {
    return window.location.href;
}

function pickMetaDesc(url, map) {
    return (map[url] ? map[url][0] : false);
}
  
function setMetaDesc(url, map) {
    var metaDesc = pickMetaDesc(url, map);
    if (metaDesc) {
        document.querySelector('.kategorie_head').innerHTML = metaDesc;
        return true;
    } else {
        return false;
    }
}

function setMetaTags(url, map) {
    return ((setMetaDesc(url, map)) ? true : false);
}

try {
    setMetaTags(getCurrentURL(), optimalizationMap);
} catch (error) {
    console.error(error);
}

  
</script>

Jeśli chodzi o regułę w GTM wykorzystujemy: Wyświetlenie strony -> Wszystkie wyświetlenia strony

Można też dla każdej podstrony zrobić osobną regułę lub rozszerzyć warunki, ale w moim przypadku jest to kilkadziesiąt stron.

Efekt wdrożenia optymalizacji i treści na Kliencie przez GTM (strzałką moment wdrażania zmian):

UDPATE: Optymalizacja kodu z odpowiednimi nazwami funkcji i komentarzami:

<script>

var categoryDescriptionMap = {
    // "adres url gdzie ma byc odpalony skrypt" : "treść w html"
    "https://www.midi24.pl/kategoria/43/0/Piosenki-cyganskie.html": "<h1>Piosenki Cygańskie - Podkłady Karaoke</h1><br/><div class='box_opisu_hld'><p><strong>Piosenki cygańskie to utwory, które z pewnością sprawdzą się w celu rozruszania osób na domówce</strong>, ale też w trakcie większych uroczystości, np. wesela. <strong>Jeśli chcesz zagrać przeboje cygańskie i potrzebujesz podkładu, skorzystaj z naszej oferty</strong>. Na Midi24 dostępne są różnorodne utwory, w tym także cygańskie piosenki!</p><h2>Piosenki cygańskie biesiadne — wybierz podkład dla siebie</h2><p><strong>Przeboje cygańskie wyróżniają się szczególnie biesiadnym charakterem</strong>. Gdy tylko wybrzmią nuty znanego utworu&nbsp;każdy, kto zna tekst, chce śpiewać. A wszyscy, którzy niekoniecznie znają słowa piosenek cygańskich, chętnie towarzyszą reszcie nucąc. Jeśli szykujesz listę utworów, które dobrze się sprawdzą podczas spotkania towarzyskiego, np. przy ognisku, <strong>cygańskie piosenki zapisane w formatach dostępnych w naszej ofercie będą bardzo przydatne</strong>. Wśród dostępnych plików znajdziesz m.in. hity, z których zasłynął Don Vasyl. Jesteśmy pewni, że takie przeboje porwą do zabawy duże grono Twoich słuchaczy.</p><h2>Midi24 - cygańskie piosenki i nie tylko</h2><p>Na naszej stronie znajdziesz<strong> </strong>podkłady muzyczne, z których możesz korzystać zarówno prywatnie w domu, jak i jako DJ na większych imprezach. <strong>Większość z podkładów do piosenek cygańskich zapisana jest w formacie MP3 i General Midi. Jednak wybrane utwory dostępne są również jako plik dostosowany pod względem brzmieniowym do instrumentów YAMAHA</strong>. To od Ciebie zależy, <strong>które piosenki cygańskie biesiadne wybierzesz i na jaki format podkładu się zdecydujesz</strong>. Dajemy gwarancję, że wszystkie z naszych produktów są legalne i dzięki specjalnym certyfikatom możesz z nich korzystać także dla użytku publicznego. Co więcej, jako nasz stały klient zyskujesz<strong> dostęp do atrakcyjnych rabatów, dzięki którym każdy podkład do cygańskiej piosenki możesz pobrać za naprawdę niewiele</strong>.</p><p>Przestań korzystać z niesprawdzonych źródeł i zdecyduj się na podkłady muzyczne z naszej strony - Midi24!<br/></p></div>",
    "https://www.midi24.pl/kategoria/23/0/Religijne.html": "<h1>Piosenki Religijne - Podkłady Karaoke</h1><br/><div class='box_opisu_hld'><p><strong>Podkłady muzyczne religijne to pliki, które mogą być przydatne podczas organizowania uroczystości kościelnych, ale też do przygotowania koncertu lub na własne potrzeby</strong>. Jeśli ich potrzebujesz, sprawdź bazę plików Midi24. Znajdziesz w niej <strong>religijne podkłady muzyczne do piosenek, które z pewnością zna wielu z nas</strong>. Wśród nich dostępne są też mniej znane piosenki religijne, które pozwolą Ci odkryć nowości.</p><h2>Podkłady muzyczne religijne — pobierz na Midi24</h2><p>Jeśli interesują Cię piosenki religijne, a dokładnie podkłady do nich, zachęcamy do zapoznania się z ofertą naszego serwisu. Dostępne są tu <strong>podkłady muzyczne religijne zapisane w formacie MP3 i General Midi</strong>. Dzięki temu możesz je odtworzyć na dowolnym sprzęcie do karaoke lub swoim instrumencie. <strong>Podkładu do takich pieśni jak Barka nie musisz już szukać na Chomikuj</strong>. Znajdziesz go w naszej bazie. Co więcej, kupując podkład, uzyskasz specjalny certyfikat uprawniający do wykorzystania danego utworu nie tylko prywatnie, ale też publicznie.</p><h2>Midi24 - podkłady do piosenek religijnych i nie tylko</h2><p>Jako użytkownik naszego serwisu otrzymasz <strong>dostęp do szerokiej bazy plików muzycznych w różnych formatach. Wśród nich pojawiają się religijne podkłady muzyczne, ale też utwory bardziej rozrywkowe</strong>, dzięki którym rozkręcisz imprezę jako DJ. Gdy postanowisz zostać z nami na dłużej, zyskasz dostęp do atrakcyjnych rabatów. W ten sposób <strong>za podkłady muzyczne religijne lub inne zapłacisz zaledwie kilka złotych!</strong></p><p>Zachęcamy do tego, by zapoznać się z naszą ofertą zarówno początkujących muzyków, jak i tych, którzy grają na instrumencie już od jakiegoś czasu. Jesteśmy pewni, że każdy znajdzie tu coś dla siebie. <strong>Jeśli na przykład potrzebujesz podkładu muzycznego z możliwością dostosowania pod względem brzmieniowym, sprawdź style YAMAHA</strong>. Dzięki temu grana przez Ciebie muzyka zrobi jeszcze lepsze wrażenie!<br/>&nbsp;</p></div>"
};

function getCurrentURL() {
    return window.location.href;
}

function pickCategoryDesc(url, map) {
    return (map[url] ? map[url] : false);
}

function createDescriptionEl(tag, cssClass, parent, prepend){
    var el = document.createElement(tag) 
    el.classList.add(cssClass)
    prepend ? parent.prepend(el) : parent.appendChild(el)
    return el
}


function setCategoryDesc(url, map) {
    var catDesc = pickCategoryDesc(url, map);
    if (catDesc) {
        // tutaj wybieramy selektor elementu nadrzędnego może być np. .klasa lub #id
        var parentSelector = '.kategorie_head'; 
        // zostanie wybrany tylko 1szy napotkany taki element, do niego będziemy się później odnosić
        var parent = document.querySelector(parentSelector); 
        
        // jeżeli chcemy stworzyć element do którego dodamy nasz nowy element z naszym tekstem to trzeba odkomentować linijki 32 i 33 za zakomentowana 36
        // var el = createDescriptionEl("div", "w-description", parent, true) // zostanie utworzony tag div, z klasą css w-description, zostanie dodany do elementy parent, jako że jest true zostanie dodany na początku a nie na końcu tego elementu
        // el.innerHTML = catDesc

        // jeżeli chcemy dodać tylko tekst do wybranego elementu to poniższa linkijka powina być odkomentowania 36 a zakomentowane 32 i 33
        parent.innerHTML = catDesc;
        
        return true;
    } else {
        return false;
    }
}



try {
    setCategoryDesc(getCurrentURL(), categoryDescriptionMap);
} catch (error) {
    console.error(error);
}
</script>