DTMを使用してページの途中でスクリプトを追加できますか？

Question

ページ中央にトラッキングスクリプトを追加するようにリクエストがあります。これはページ内のウィジェットとして表示されます。 DTMにスクリプトを追加するオプションがあります。しかし、私たちの要件に従って、ページの途中でスクリプトを追加する方法はありますか？私にお知らせください。

Answer 1

DTM（または実際にはタグマネージャ）は実際にはこのようなことを目的としていません。タグマネージャは、コード、jsライブラリ、およびその他のリソースのスニペットをホストする別の方法であることを意図しており、主にリマーケティングタグに焦点を当てています。あなたのサイトのコンテンツ管理システム（CMS）の代わりになるものではありません。

たとえば、DTMのページの下にタグを出力するルールを指定すると、スクリプトはページの最後に追加されません。ページの一番下にフッタースクリプトが実行されると、そのスクリプトが実行されます。 DOM上に実際に追加される場所は実際には関係ありません。 IOW「場所」は実際にページ上の位置を意味するものではありません。それは本当にタイミングに関するものです。

あなたは確かに、特定の位置のページに何かを動的に追加し、そのコードをDTMにホストするために、独自のネイティブのjavascript、css、およびhtmlを書くことができます。ここで

は（簡潔にするためにjQueryを使用して）私は、動的にWebページの中央に白いボックスを追加ランダムな例である

$(function() { 
    $('<div/>').css({ 
     'border' : 'solid black', 
     'position' : 'absolute', 
     'background-color':'white', 
     'width' : '100px', 
     'height' : '100px', 
     'left' : '50%', 
     'top' : '50%', 
     'margin-left' : -$('.className').width()/2, 
     'margin-top' : -$('.className').height()/2 
    }).appendTo('body'); 
}); 

これは明らかにあなたが必要な正確に何ではありません。しかし、それはあなたがコードを出力して自分自身に配置し、そのコードをDTMでホストするだけであることを示しています。

それとも、あなたはそれが出力され、そこにそれを追加したい場所をすでにあるページなどのいくつかの既存の要素を選択することができます。..