Wypalanie Floodlight za pomocą Onclick Event Handler

Question

Muszę wystrzelić tag podwójnego iluminatora, gdy użytkownik kliknie przycisk facebook na stronie firmy. Problem polega na tym, że cała witryna jest zbudowana z umbraco z widżetami takimi jak "andthis", na których przykręcono, co utrudnia dodawanie znaczników funkcjonalnych.

Mam zamiar użyć tego kodu poniżej, więc gdy użytkownik kliknie znacznik div, który zawiera przyciski "Udostępnij na media społecznościowe", uruchomi tag, jednak podczas testowania nie tylko uruchamia tag, który próbuje zabrać użytkownika. Co ja robię źle? Po prostu chcę załadować tag, gdy użytkownik kliknie, nie chcę opuścić strony, na której się aktualnie znajduje.

<div id="buttonsContainer"> 
    <p>Click or double click here.</p> 
</div> 

<script> 
    $("#buttonsContainer").click(function() { 

var axel = Math.random() + ""; 
var a = axel * 10000000000000; 
document.write('<iframe src="http://fls.doubleclick.net/activityi;src=36705;type=count134;cat=faceb540;ord=1;num=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>'); 
}); 
</script> 

Answer 1

To przeładowania strony, gdy użytkownik kliknie bo używasz document.write, który ponownie otworzyć strumień napisać stronę na zewnątrz. Będziesz chciał użyć czegoś takiego jak $ ('buttonsContainer'). Append (''); umieścić element iframe w elemencie buttonsContainer.

Na przykład:

<div id="buttonsContainer"> 
    <p>Click or double click here.</p> 
</div> 

<script> 
    $('#buttonsContainer').click(function() { 
     var axel = Math.random() + ''; 
     var a = axel * 10000000000000; 
     $(this).append('<iframe src="http://fls.doubleclick.net/activityi;src=36705;type=count134;cat=faceb540;ord=1;num=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>'); 
    }); 
</script>