Rodzaje integracji
      Wróć na stronę główną
      1. Help Center Home
      2. Publishers
      3. Rodzaje integracji

      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:

      1. 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.

      Bloger_add_1

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

      Bloger_add_2

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

      Bloger_add_3

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

      Bloger_1

      GIF 1.

      Gif_1_blogger_HEAD_part

      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.

      Bloger_2

      GIF 2.

      Gif_2_blogger_BODY_part

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

      Opcja 2 – Korzystanie z edytora HTML

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

      Bloger_3

      GIF 3.

      Gif_3_blogger

      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.

      Gif_4_blogger

      Bloger_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.

      Bloger_5

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

      Bloger_6

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

      Bloger_7

      Gif_5_blogger

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

      Bloger_8