#GTMTips: concatenate tags using custom HTML tags – News Couple
ANALYTICS

#GTMTips: concatenate tags using custom HTML tags


Tag sequence was introduced to Google Tag Manager in late 2015. Its main purpose was to facilitate sequential Launch tags that have dependencies with each other. Due to the asynchronous nature of third-party libraries such as Google Tag Manager, it is difficult to establish an order of completion with tags vying for the chance to launch.

Change this sequence of tags, because it allows you to create files Accommodation And cleaning Tags – previous shooting before The main and last tag after, after.

Setting up a tag sequence is relatively easy, at least once you understand how it works. However, custom HTML tags have some exceptional behaviour, in that you need to use certain specific commands to indicate the sequence once the custom HTML tag has completed its execution. This #GTMTips article aims to guide you to setup custom HTML tags in the tag sequence.


X


Simmer . Newsletter

Subscribe to the Simmer newsletter to get the latest news and content from Simo Ahava right in your inbox!

Lesson 1: Sequencing managed using successful and failure callbacks

the two returns, onHtmlSuccess() And onHtmlFailure() It’s what serializing tags with custom HTML tags is all about. The first is used to indicate a place in the code when the code has finished running successfully, and execution can move to the next tag in the sequence. The second is used to indicate when a fail It happens, and here the execution is also passed to the next tag in the sequence Unless she has switch failure employment:

Custom HTML tag failed

Just to recap (but be sure to read my guide for a more thorough handling), here’s how to set up a regular custom HTML tag in the tag sequence, where Success And fail Standards are set.

note! Remember to enable Container ID And HTML ID Variables included for this purpose.

(function() 
  var gtm = window.google_tag_manager[Container ID]; // Required
	  
  window['something'] = getSomethingElse();
  if (typeof window['something'] !== 'undefined') 
    gtm.onHtmlSuccess(HTML ID); // Success, move to next tag
   else 
    gtm.onHtmlFailure(HTML ID); // Failure, move to next tag unless it has failure toggle on
  
)();

Lesson 2: Callbacks for success and failure are not always necessary

This is something I think most guides have missed: You don’t Need onHtmlSuccess() And onHtmlFailure() In your custom HTML tag! The web browser executes all the code it finds in the custom HTML tag from top to bottom before moving on to the next element in the sequence.

For example, if you set up a Facebook pixel using custom HTML tags, you don’t need to onHtmlSuccess() in the base pixel tag.

!function(f,b,e,v,n,t,s)if(f.fbq)return;n=f.fbq=function()n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments);if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
 
fbq('init', Facebook Pixel ID);

// The following line is NOT necessary:
// window.google_tag_manager[Container ID].onHtmlSuccess(HTML ID); 

Why is the last line not necessary? Because GTM will pass execution to the next tag Whatever the case When you reach the last line of this tag. The web browser runs the code synchronously – there is no way it will stop in the middle of this tag and start working on the next one.

So the lesson is:

If you have an icon that always runs from top to bottom before moving on to the next tag, you don’t need onHtmlSuccess() And onHtmlFailure().

But, and there’s always a “but,” you’ll want to check out the next lesson, too.

Lesson 3: If you have onHtmlFailure()You’ll always want to have it onHtmlSuccess(), very

As you see onHtmlFailure() To indicate that at some point in the code an error was met and the sequence must be Not Continue with the next tag (since you have a switch failure), you should also add onHtmlSuccess() somewhere in the code.

This is because when using the fail callback, GTM will not automatically move to the next tag anymore when it reaches the last line of the custom HTML tag, even if the failover toggle is turned off. using onHtmlFailure(), you are telling Google Tag Manager to wait for any file onHtmlFailure() or onHtmlSuccess() Before deciding to move on to the next tag.

(function() 
  var gtm = window.google_tag_manager[Container ID];
  
  if (true) 
    console.log('Worked!');
   else 
    gtm.onHtmlFailure(HTML ID);
  
)();

In the example above, the sequence will Start Go to the next tag. you have onHtmlFailure() Which Start met (because true Always true), but you don’t have onHtmlSuccess() Anywhere. So only this first tag is triggered, and the sequence never continues.

This is one way Will be work:

if (true) 
  console.log('Worked');
  gtm.onHtmlSuccess(HTML ID);
 else 
  gtm.onHtmlFailure(HTML ID);

This will also work (although not a good pattern), if the next tag in the sequence has a switch failure:

if (true) 
  console.log('Worked');
  gtm.onHtmlFailure(HTML ID);
 else 
  gtm.onHtmlFailure(HTML ID);

And since it’s synchronous code, you can leave both callbacks, and the sequence will continue normally after recording Worked To the console in this case as well:

(function() 
  if (true) 
    console.log('Worked');
  
)();

Lesson 4: Callbacks are at their best in asynchronous operations

In my opinion, the purpose From the sequence of tags is to create an order when the previous tag has an asynchronous operation. In other words, you want the browser to wait for the process to complete before telling the next flag to start.

For example, here we load the jQuery library asynchronously, waiting for it to be fully loaded before moving to the next tag:

(function() {
  var gtm = window.google_tag_manager[Container ID];
  
  var el = document.createElement('script');
  el.async = true;
  el.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js';
  el.addEventListener('load', function() {
    gtm.onHtmlSuccess({HTML ID});
  });
  document.head.appendChild(el);
})();

as you see, onHtmlSuccess() Included in .’s callback load The listener, which is called only after the library has been downloaded and the browser has executed the code inside.

summary

Working with custom HTML tags in the tag sequence has some I caught you You should be aware of this, but there is very little to be game breaking. The biggest “mistake” I see people doing is adding onHtmlSuccess() Callback to end of synchronously executing code block – this is not necessary only if you have onHtmlFailure() somewhere in the code too.

I hope this article explained how custom HTML tags and tag sequences work together.

Let me know in the comments if you have other questions!



Source link

Related Articles

2,872 Comments

  1. สล็อตเว็บตรง ของเรา ได้เปิดให้บริการ เกมสล็อต
    จากค่ายดังต่างๆมากมาย
    เช่น slotpg , slot xo , สล็อตโจ๊กเกอร์ และค่ายเกมสล็อตออนไลน์ ค่ายดังอื่นๆอีกมากมาย เว็บสล็อต
    ที่รวมค่ายสล็อตในเว็บเดียว มากกว่า 3,000
    เกม เว็บเกมสล็อต มาพร้อมโปรโมชั่นต่างๆมากมาย มี สูตรเกมสล็อต
    ที่ช่วยให้ทุกท่าน สามารถเอาชนะเงินรางวัลจาก เกมสล็อตออนไลน์ ได้อย่างแน่นอน
    มีโหมด ทดลองเล่นสล็อต ให้ทุกท่านได้สัมผัสถึงรูปแบบ ของ เกมสล็อตออนไลน์ ได้ก่อนวางเดิมพันด้วยเงินจริง สมัครสมาชิกใหม่กับทาง เว็บเกมสล็อต ตอนนี้ รับโบนัสทันที 100% ขอยินดีต้อนรับทุกท่าน เข้ามาเป็นส่วนหนึ่งกับครอบครัวของเรา
    เว็บเกมสล็อต ที่ดีที่สุด เปิดให้บริการ ทางเข้าเล่น SlotPg , XoSLOT
    , SLOT JOKER และอื่นๆอีกมากมาย ตลอด 24 ชม.
    เว็บใหญ่สล็อต ยินดีให้บริการสมาชิกทุกท่าน SUPER SLOT

  2. Have you ever considered about incluuding a little bit more than just your articles?
    I mean, what you say is important and everything. Nevertheless think of if you
    added some great gfaphics or videos to give your posts more,
    “pop”! Your content is excellent but with images and video
    clips, this website could certainly be onee of the most beneficial in its niche.
    Excellent blog!
    homepage

  3. สล็อตเว็บตรงPG ของเรา คือผู้ให้บริการ PGSLOT จากผู้ผลิตโดยตรง PG สล็อตเว็บตรง ที่ได้เปิดให้บริการ PG SLOT มากกว่า 400 เกม 400 รูปแบบ มาพร้อมโหมดทดลองเล่น pg slot ให้ทุกท่าน ได้ศึกษารูปแบบและวิธีการเล่นของ สล็อตพีจี ได้ก่อนวางเดิมพันด้วยเงินจริง สมัครสมาชิกใหม่ตอนนี้ที่
    เว็บตรงสล็อตพีจี ของเรา รับโบนัสทันที 100% และโปรโมชั่นอื่นๆอีกมากมาย เปิดประสบการณืใหม่กับการเล่น
    pg slot ที่ไม่เคยได้รับจากที่ไหนมาก่อน กับทีมงาน
    PG SLOT เว็บตรง ไม่ผิดหวังอย่างแน่นอน เว็บตรง SLOT PG ที่มาแรงที่สุดในปี
    2021 สมาชิกมากกว่า 100,000 คน ยินดีให้บริการทุกท่าน ตลอด 24 ชม.
    สล็อต pg

  4. สำหรับคนกำลังอยากเป็นนักหาเงินออนไลน์มือใหม่หรือมืออาชีพ ที่กำลังสนใจSlotonlineและกำลังหาเว็บเดิมพันสล็อตที่ถูกใจและเปิดให้บริการเล่นสล็อตออนไลน์ตลอด 24 ชั่วโมง
    โดยเป็นเว็บที่เว็บเดียวรวมทุกค่ายสล็อตอย่างเช่นSLOT XO ให้เพื่อนๆทุกท่านได้สนุกสนานเพลิดเพลินแถมยังได้เงินออกมาใช้อีกด้วย โดยเรานั้นมี slot autoให้เลือกเล่นมากกว่า 200 เกมส์และรูปแบบการเล่นมากกว่า 1,000 รูปแบบ โดยทุกท่านนั้นสามารถร่วมสนุกกับเกมสล็อตออนไลน์ ได้อย่างเต็มที่ไร้ขีดจำกัดในการเล่น โดยทางเรานั้นเปิดให้บริการslot gameบนระบบอินเตอร์เน็ต โดยเพื่อนๆนั้นสามารถเล่นได้ทั้งคอมพิวเตอร์และมือถือเพราะเกมสล็อตออนไลน์ของเรานั้นเป็นเกมสล็อตมือถือ ที่สามารถเล่นได้ทุกที่ทุกเวลา ตลอดทั้งวัน โดยทางสล็อตของเรานั้นมาพร้อมระบบทดลองเล่นสล็อตเครดิคฟรีไม่ต้องฝากเงินไม่ต้องแชร์ ให้เพื่อนๆได้เปิดประสบการณ์สัมผัสสล็อตได้อย่างเต็มประสิทธิภาพ แถมเรานั้นยังมีฝากถอนออโต้รวดเร็วทันใจภายในไม่กี่วินาที สามารถทำธุรกรรมฝากถอนอัตโนมัติได้ด้วยตัวเองโดยไม่ต้องแจ้งสลิปผ่านแอดมิน
    สามารถร่วมสนุกกับเกมสล็อตออนไลน์จากค่ายSLOTXOได้ตลอด 24
    ชั่วโมง ยังไม่พอทางเรามีบทความที่เกี่ยวกับเกมสล็อตไม่ว่าจะเป็นเรื่องสูตรเกมสล็อตให้เพื่อนๆได้ทำความเข้าใจและเพิ่มโอกาสในการชนะเงินรางวัลจากslots casinoได้มากขึ้น พร้อมมีเกมสล็อตออนไลน์ที่เป็นสล็อตแตกหนัก 2021ที่มีแจ็คพอตและโบนัสเยอะมากๆ สามารถร่วมสนุกกับSlotได้แล้ววันนี้เพียงแค่ สมัครสมาชิกเล่นสล็อตกับทางสล็อตเว็บใหญ่ก็สามารถเล่นSlotได้อย่างเต็มที่ และทางเรามีโปรโมชั่นสล็อตต่างๆมากมายทั้งสมาชิกเก่าและสมาชิกใหม่
    ตลอด 24 ชั่วโมง พลาดไม่ได้!!!
    ทางเรานั้นได้เปิดบริการทางเข้าเกมสล็อต สำหรับเพื่อนๆทุกท่าน เปิดประสบการณ์ใหม่กับการเล่นSlotonline ที่ไม่เคยมีที่ไหนมาก่อน เว็บเล่นสล็อต ยินดีให้บริการเพื่อนๆทุกท่าน

    My site … ซุปเปอร์สล็อต

  5. สล็อตเว็บตรง ที่มี PGSLOT มันเป็นอะไรที่นิยมมากๆ ส่งตรงมาจากบริษัท PG โดยเฉพาะ แล้วไอ้กการเล่นสล็อตเว็บตรงนั้นมันดีอย่างไร
    ดีตรงที่การเข้าโบนัส ที่ดีกว่า แตกหนักกส่า ฟรีสปิน เวลาเล่นนั้นหมุนแล้วจะเข้าง่ายมากๆ ดังนั้นที่นี่ฝากถอนไม่มีขั้นต่ำ ลองเถอะ
    เข้าสู่ระบบสล็อต

  6. 1Learn more about how to get free diamonds in cooking fever

    gh45kkm
    This game is more fun when you have as many diamonds as you want.If you love phone games like this you need to check out this link

  7. I’ve been browsing online greater than three hours these days, but I never discovered any attention-grabbing article like yours.
    It’s beautiful value sufficient for me. Personally, if all web owners and bloggers made good content
    as you did, the internet can be a lot more
    useful than ever before.

  8. I am sure this piece of writing has touched all the internet visitors, its really
    really pleasant article on building up new website.

  9. I will immediately take hold of your rss feed as I
    can not in finding your e-mail subscription hyperlink or e-newsletter
    service. Do you’ve any? Please permit me understand so that I may subscribe.
    Thanks.

  10. Thank you for the good writeup. It in fact was a amusement
    account it. Look advanced to more added agreeable from
    you! By the way, how could we communicate?

  11. It’s appropriate time to make a few plans for the long run and
    it’s time to be happy. I’ve learn this publish and if I may
    just I wish to counsel you some interesting issues or advice.
    Perhaps you can write subsequent articles regarding this article.

    I want to read even more things about it!