10

Intentando averiguar cómo hacer esto con window.location en Javascript. Estoy enviando usuarios a nuestro sitio con una URL adjunta con un código de Google Analytics que necesito pasar a un iframe src en esa página. Me asumir Javascript podía hacer esto (nota - no puedo usar PHP) ...Capture los parámetros de URL entrantes, luego pase a iFrame Src con Javascript

Esto es lo que quiero hacer:

me gustaría enviar a los usuarios a la página con todos los datos de la campaña en el tacto . Por ejemplo, un usuario haría clic en este enlace: http://www.xyz.com/index.html?utm_source=Facebook&utm_campaign=Facebook+May&utm_medium=click

Sería dirigido a esa página, que luego tiene este iFrame. El código en el lado de la tienda tendría que recoger utm_source, utm_campaign, utm_medium e incluir estas partes en el IFRAME SRC Así que este bit:

<iframe height="960px" frameborder="0" scrolling="no" width="958px" src="http://www.abc.com/minis"></iframe> 

ahora se convierte en:

<iframe height="960px" frameborder="0" scrolling="no" width="958px" src="http://www.abc.com/minis?utm_source=Facebook&utm_campaign=Facebook+May&utm_medium=click"></iframe> 

Cualquier sugerencia javascript serían apreciado enormemente. Nota: No puedo usar PHP.

ACTUALIZACIÓN: consiguió que esto funcione !! Yay, pero ahora tengo que editar un poco:

Así dicen la url anexada que fue clciked era la siguiente:

http://abc.com/index.html?apple&orange&peach 

y necesito el src iframe que ser de esta

http://xyz.com/minis?orange&peach 

He movido algunas cosas en la secuencia de comandos, pero ahora solo está tomando naranja y no el otro atributo & (melocotón). por favor avise si hay una mejor manera de trabajar (sin tener todos los parametros y luego dependiendo de qué enlace entra, algunos de los & serán indefinidos:

<body> 

<script type="text/javascript"> 

$(function() { 

var loc = window.location.toString(), 
params = loc.split('&')[1], 
params2 = loc.split('&')[2], 
params3 = loc.split('&')[3], 
params4 = loc.split('&')[4], 
params5 = loc.split('&')[5], 
params6 = loc.split('&')[6], 
    iframe = document.getElementById('myIframe'); 
alert(iframe.src); 
iframe.src = iframe.src + '?' + params + '&' + params2 + '&' + params3 + '&' + params4+ '&' + params5; 
alert(iframe.src); 

}); 
</script> 
<iframe id="myIframe" src="http://www.xyz.com/minis"></iframe> 

</body> 
+0

usar jQuery para obtener los parámetros a continuación, insertar dinámicamente su nuevo marco flotante con lo que quieras. sencilla – ppumkin

+0

... usted también puede hacerlo ¿ayuda? :) – jgrannis

+0

mi código iframe html contiene un formulario dentro de él, ¿cómo puedo pasar el parámetro de URL al iframe de la acción? Gracias de antemano –

Respuesta

9

Este pequeño fragmento debe hacer, aquí todo lo que tiene que hacer es coger el bit después? como una cadena y lo añadirá a la fuente de marco flotante.

var loc = window.location.toString(), 
    params = loc.split('?')[1], 
    iframe = document.getElementById('myIframe'); 

iframe.src = iframe.src + '?' + params;​​​​​​​​​​​​​​​​ 
+0

, por lo que he reunido aquí, pero no está funcionando correctamente. Admito que Javascript no es mi fuerte. http://jsfiddle.net/GLm5f/ – jgrannis

+0

tienes el ID incorrecto, te estás perdiendo el I en mayúsculas como en el JS, es myIframe, no myiframe - mi mal debería haber usado foo sin confusión allí. – GillesC

+0

hmmm ... cambió a ID en lugar de name y cambió myIframe, pero todavía no lo veo. Una vez que entre con el código adjunto, ¿se mostrará en la fuente de la vista? entonces, si entro en esa URL adjunta de Google Analytics, ¿el origen de la vista para iframe src debería tener la etiqueta adjunta? – jgrannis

Cuestiones relacionadas