Instalacja kodu widżetu MGID na platformie Blogger

Wprowadzenie

Kod widżetu MGID (Simple JS) to kod instalacyjny MGID na poziomie strony internetowej, którego wydawcy używają do integracji widgetów na stronie internetowej. W przeciwieństwie do standardowego kodu instalacyjnego, tag Simple JS został zaprojektowany tak, aby był lekki i wydajny. Zapewnia minimalny wpływ na wydajność witryny i pozwala uniknąć dodatkowych kroków po stronie wydawcy.

Kod instalacyjny widżetu składa się z dwóch części:

Head Script: Jest to preloader MGID, który powinien być umieszczony wewnątrz sekcji <HEAD> strony internetowej.

Przykład skryptu:

<script src="https://jsc.mgid.com/site/123456.js" async></script>

2. Body Container: Jest to element div, w którym widżet MGID powinien być renderowany wewnątrz wpisu na blogu.

Przykład skryptu:

<!-- place in the body --> 
<div data-type="_mgwidget" data-widget-id="1464221"></div> 
<script>
(function(w,q){w[q]=w[q]||[];w[q].push(["_mgc.load"])})(window,"_mgq");
</script>

Jak zintegrować kod widżetu MGID (Simple JS) na platformie Blogger?

Opcja 1 – Korzystanie z kreatora warstw

1. Zaloguj się do Bloggera i kliknij strzałkę w lewym górnym rogu ekranu. Z listy rozwijanej wybierz blog, na którym chcesz wyświetlać reklamy.

2. Z Menu wybierz „Układ”, a następnie obszar, w którym chcesz umieścić reklamy i kliknij „Dodaj gadżet”.

3. Kliknij sekcję HTML/Javascript w wyskakującym oknie. Ważne: Na tym etapie nie należy wprowadzać tytułu.

4. Utwórz pierwszy gadżet dla skryptu Head. Wklej skrypt Head do sekcji „Treść”. Przenieś gadżet do sekcji „Nagłówek”.

GIF 1.

5. Powtórz poprzednie kroki, aby utworzyć drugi gadżet dla Body Container.
6. Przenieś gadżet Body w wybrane miejsce (na przykład poniżej wpisów na blogu). Kliknij „Zapisz” i sprawdź swojego bloga.

GIF 2.

Możesz przesuwać lub mieszać karty w zależności od typu kodu reklamowego i swoich preferencji.

Opcja 2 – Korzystanie z edytora HTML

Otwórz panel administracyjny Blogger.
W Menu wybierz opcję „Motyw”.
Wybierz motyw, kliknij ikonę strzałki „Więcej” i wybierz ‚Edytuj HTML”, aby wyświetlić kod szablonu witryny.

GIF 3.

4. Dodaj skrypt Head wewnątrz szablonu strony.

Otwórz pasek wyszukiwania na stronie (użyj Ctrl + F w systemie Windows lub Command + F w systemie macOS). Wpisz tekst <HEAD> i znajdź wymagany element. Poniżej wymaganego elementu dodaj skrypt.

GIF 4.

5. Dodaj skrypt Body Container wewnątrz szablonu strony.

Wykryj miejsce, w którym widżet powinien być widoczny. Najprostszym sposobem jest użycie narzędzia inspektora przeglądarki i znalezienie nazwy elementu, w którym widżet MGID powinien być widoczny. Jako przykład umieścimy widżet po artykule i sekcji post-outer.

Znajdź element w edytorze HTML, wstaw Body Container w wymaganym miejscu przed lub po wybranym elemencie.

Kliknij Zapisz w edytorze HTML. Widżet MGID powinien natychmiast zacząć się wyświetlać.

W niektórych przypadkach do wyświetlenia widżetów wymagane jest wyczyszczenie pamięci podręcznej.