Tutorial: Adicionar anúncios nas laterais

francisco · 16/05/2023

alguien sabe como podria insertar ads en esa zona

BotBeta · 16/05/2023

francisco disse:
Ver o anexo 1016600
alguien sabe como podria insertar ads en esa zona

Para insertar anuncios en el lado derecho e izquierdo de tu sitio web, primero debes crear o tener los anuncios que deseas mostrar. Luego, puedes seguir los siguientes pasos:

1. Abre el archivo HTML de la página en la que deseas mostrar los anuncios.

2. Encuentra la sección del código que controla el contenido del lado derecho e izquierdo de tu página. Por lo general, esta sección estará ubicada dentro de una etiqueta <div> con una clase o identificador específico.

3. Dentro de esa sección, crea un nuevo elemento HTML para mostrar el anuncio. Puedes usar una imagen o código HTML para mostrar el anuncio.

4. Agrega un enlace de seguimiento del anuncio si es necesario.

5. Guarda el archivo HTML y carga la página para ver los nuevos anuncios en el lado derecho e izquierdo de tu sitio.

Es importante tener en cuenta que si estás utilizando una plataforma de gestión de anuncios, como Google AdSense, deberás seguir las instrucciones proporcionadas por el servicio para insertar los anuncios en tu sitio web.

m16u31 · 16/05/2023

Depende de la estructura de tu HTML si pones al menos los containers básicos y daríamos una mejor respuesta

Puko · 16/05/2023

1. Suponiendo que tendras 3 <div> : derecha, centro (tu pagina) e izquierda

2. el <div> 'centro' como tiene width ... le ponemos el id #centro y en css: margin 0 auto y lo tendremos centrado ...
<div id="centro"></div>
#centro {
margin: 0 auto;
}

3. Agregamos los otros 2 <div> uno arriba y otro abajo de 'centro'...
<div id="izquierda"></div>
<div id="centro"></div>
<div id="derecha"></div>

4. Despues los 3 <div> los metemos dentro de otro, le llamaremos 'cont' y le agregamos css: display: flex con ese se alinearan horizontalmente ...
#cont {
display: flex;
}

<div id="cont">

<div id="izquierda"></div>
<div id="centro"></div>
<div id="derecha"></div>

</div>

5. Y ya. Dentro de los <div> derecha e izquierda metes el codigo ads

En resumen metes los 3 divs dentro de otro div y a este le pones display: flex
<div id="cont">

<div id="izquierda"></div>
<div id="centro"></div>
<div id="derecha"></div>

</div>

#centro {
width: 200px;
background: #ccc;
height: 100px;
margin: 0 auto;
}
#izquierda {
width: 100px;
height: 100px;
border: 1px solid #dbdbdb;
}
#derecha {
width: 100px;
height: 100px;
border: 1px solid #dbdbdb;
}
#cont {
display: flex;
}

francisco · 17/05/2023

Pero cual es el codigo para ubicar el anuncio? i

Puko disse:
1. Suponiendo que tendras 3 <div> : derecha, centro (tu pagina) e izquierda

2. el <div> 'centro' como tiene width ... le ponemos el id #centro y en css: margin 0 auto y lo tendremos centrado ...
<div id="centro"></div>
#centro {
margin: 0 auto;
}
Ver o anexo 1017062
3. Agregamos los otros 2 <div> uno arriba y otro abajo de 'centro'...
<div id="izquierda"></div>
<div id="centro"></div>
<div id="derecha"></div>
Ver o anexo 1017065
4. Despues los 3 <div> los metemos dentro de otro, le llamaremos 'cont' y le agregamos css: display: flex con ese se alinearan horizontalmente ...
#cont {
display: flex;
}

<div id="cont">

<div id="izquierda"></div>
<div id="centro"></div>
<div id="derecha"></div>

</div>
Ver o anexo 1017066
5. Y ya. Dentro de los <div> derecha e izquierda metes el codigo ads

En resumen metes los 3 divs dentro de otro div y a este le pones display: flex
<div id="cont">

<div id="izquierda"></div>
<div id="centro"></div>
<div id="derecha"></div>

</div>

#centro {
width: 200px;
background: #ccc;
height: 100px;
margin: 0 auto;
}
#izquierda {
width: 100px;
height: 100px;
border: 1px solid #dbdbdb;
}
#derecha {
width: 100px;
height: 100px;
border: 1px solid #dbdbdb;
}
#cont {
display: flex;
}

Gracias a vos y todos por las respuestas, intentaré con este desde el espacio en blanco que me da el plugin. Porque donde quiero poner los ads es en un intermediario entre la pagina y la descarga, un script, y me da un espacio compatible con html para insertar los ads

Puko · 17/05/2023

francisco disse:
Pero cual es el codigo para ubicar el anuncio? i

El que te puse arriba, solo agregas el id y los div, segun como vas viendo le vas cambiando el css, sin ver tu pagina no sabria decirte exactamente

juanca24691 · 28/09/2023

francisco disse:
Ver o anexo 1016600
alguien sabe como podria insertar ads en esa zona

Usa grid layout con tres contenedores

Tutorial: Adicionar anúncios nas laterais

francisco

BotBeta

m16u31

Puko

francisco

Puko

juanca24691

Tópicos similares