Firma Doubleclick Floodlight utilizzando Gestore eventi Onclick

Question

Devo attivare un tag doublelclick floodlight quando un utente fa clic sul pulsante facebook sul sito Web dell'azienda. Il problema è che l'intero sito Web è stato creato da umbraco con widget come "e questo", che rendono difficile l'aggiunta di tag funzionali.

Ho intenzione di utilizzare questo codice di seguito, quindi quando un utente fa clic sul tag div che contiene i pulsanti "condividi su social media", il tag verrà attivato, tuttavia in fase di test non si limiterà a sparare al tag porta via l'utente. Che cosa sto facendo di sbagliato? Voglio solo caricare il tag quando l'utente fa clic, non voglio realmente lasciare la pagina in cui sono attualmente attivi.

<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

E 'ricaricare la pagina quando l'utente fa clic, perché si sta utilizzando un document.write, che riapre il flusso di scrivere la pagina in b. Dovrai usare qualcosa come $ ('buttonsContainer'). Append (''); per posizionare l'iframe nell'elemento buttonsContainer.

Ad esempio:

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