Show Menu
화제×

Load order for rules

JavaScript 로드 순서와 관련된 다이내믹 태그 관리 로드 순서
다음 다이어그램에는 일반적인 페이지 로드 순서가 나와 있습니다.
위의 다이어그램에서 빨간색 텍스트는 비순차적 활동을 나타냅니다. 녹색 텍스트는 순차적 활동을 나타냅니다.
아래 섹션에서는 페이지 로드 4단계 내에서 다양한 JavaScript/타사 태그 스크립트 옵션의 활용 방법에 대해 다룹니다.
  • 페이지 위
    • 순차적 HTML: 태그를 사용하는 <HEAD/> 경우 <SCRIPT/> 스크립트를 include DTM library include 스크립트로 주입하고, 그렇지 않으면 <BODY/>
    • 순차적 JavaScript Global: Javascript include 스크립트로 <HEAD/> 아래 DTM include 스크립트에 주입됨 <SCRIPT/>
    • 순차적 JavaScript 로컬: Javascript include 스크립트로 <HEAD/> 아래 DTM include 스크립트에 주입됨 <SCRIPT/>
    • 비순차적 JavaScript: 아래 DTM 라이브러리 include script <SCRIPT/> <HEAD> 비동기식으로 주입됨
    • 비순차적 HTML: ​숨겨진 IFRAME 으로 삽입되며 페이지 HTML에 영향을 미치지 않음
  • 페이지 아래
    • 순차적 HTML: 표시 페이지가 손상되지 않도록 Domready 이전에 _satellite.pageBottom()``document.write() 콜백 스크립트를 삽입한 후 주입됨
    • 순차적 JavaScript Global: JavaScript include _satellite.pageBottom() 로 후 주입됨 <SCRIPT/>
    • 순차적 JavaScript 로컬: JavaScript include _satellite.pageBottom() 로 후 주입됨 <SCRIPT/>
    • 비순차적 JavaScript: 아래 DTM 라이브러리 include script <SCRIPT/> <HEAD> 비동기식으로 주입됨
    • 비순차적 HTML: ​숨겨진 IFRAME 으로 삽입되며 페이지 HTML에 영향을 미치지 않음
  • DOM 지원
    • 순차적 HTML: 활성화되어 DOMREADY 있으므로 페이지를 document.write() 덮어쓸 수 없습니다.
    • 순차적 JavaScript Global: Javascript include 스크립트로 <HEAD/> 아래 DTM include 스크립트에 주입됨 <SCRIPT/>
    • 순차적 JavaScript 로컬: Javascript include 스크립트로 <HEAD/> 아래 DTM include 스크립트에 주입됨 <SCRIPT/>
    • 비순차적 JavaScript: 아래 DTM 라이브러리 include script <SCRIPT/> <HEAD> 비동기식으로 주입됨
    • 비순차적 HTML: ​숨겨진 IFRAME 으로 삽입되며 페이지 HTML에 영향을 미치지 않음
  • 온로드(창 로드)
    • 순차적 HTML: 활성화되어 DOMREADY 있으므로 페이지를 document.write() 덮어쓸 수 없습니다.
    • 순차적 JavaScript Global: Javascript include 스크립트로 <HEAD/> 아래 DTM include 스크립트에 주입됨 <SCRIPT/>
    • 순차적 JavaScript 로컬: Javascript include 스크립트로 <HEAD/> 아래 DTM include 스크립트에 주입됨 <SCRIPT/>
    • 비순차적 JavaScript: 아래 DTM 라이브러리 include script <SCRIPT/> <HEAD> 비동기식으로 주입됨
    • 비순차적 HTML: ​숨겨진 IFRAME 으로 삽입되며 페이지 HTML에 영향을 미치지 않음
비순차적 HTML 타사 규칙이 iFrame에 항상 배치됩니다. 비동기 HTML와 같은 요소는 없으므로 다이내믹 태그 관리는 해당 이름의 iframe 기능을 참조합니다.
Even though scripts might be injected into the <HEAD/> later in the page processing like DOMREADY and ONLOAD , scripts will only appear in the proper timing sequence and be either global, local, synchronous, or asynchronous. Also, Dynamic Tag Management checks to make sure that the timing is being handled properly and if DOMREADY has already occurred, it will not attempt a page-destructive document.write() . 다이내믹 태그 관리는 가능하면 시각적 페이지를 끊지 않도록 최선을 다합니다. 이런 이유로 설치 작업이 실제 "비동기"가 아닌 경우에도 "비동기 설치" 오류가 표시될 수 있으며 It is simply an alert that helps you recognize that the timing on the page is somewhat questionable and that DOMREADY has fired prior to all of the synchronous scripts loading as they should. If that happens, check to make sure that the pageBottom() callback is actually in the correct place immediately prior to the </body> tag. 만일 없으면 이 오류 유형이 발생할 수 있습니다.
다이내믹 태그 관리 큐는 위에 나열된 순서대로 처리되지만 페이지 로드 단계 내에서 JavaScript와 HTML 스크립트를 구분하지는 않습니다.
즉, 큐의 페이지 로드 규칙 순서에 따라 큐에서 제거되는 순서도 결정됩니다.
A simple way to determine the queue order is to look at _satellite.configurationSettings.pageLoadRules in the JavaScript console and examine the sequence.
예를 들어 페이지 로드 규칙 큐 순서의 전체 보기는 JavaScript 콘솔에 다음 코드를 입력하여 확인할 수 있습니다.
 _satellite.each(_satellite.configurationSettings.pageLoadRules,function(i){(i.event=='pagetop')?_satellite.notify(i.event+': '+i.name,1):false})
 _satellite.each(_satellite.configurationSettings.pageLoadRules,function(i){(i.event=='pagebottom')?_satellite.notify(i.event+': '+i.name,1):false})
 _satellite.each(_satellite.configurationSettings.pageLoadRules,function(i){(i.event=='domready')?_satellite.notify(i.event+': '+i.name,1):false})
 _satellite.each(_satellite.configurationSettings.pageLoadRules,function(i){(i.event=='windowload')?_satellite.notify(i.event+': '+i.name,1):false})