Mostrar diferentes anuncios en diferentes categorías

Tengo tres anuncios A, B, C y tres categorías llamadas a, b, c. ¿Cómo puedo mostrar el anuncio A en a, el anuncio B en b y el anuncio C en c? No encuentro esta opción en la configuración del plugin de anuncios. ¿Alguna idea? Gracias.

Lo que hice fue utilizar anuncios internos que incluyen los tres anuncios con CSS, los cuales luego se pueden aplicar en cada categoría para ocultar los anuncios de las demás categorías.

Gracias, @pfaffman. No entiendo tu solución. ¿Te refieres a:

  1. Crear tres anuncios diferentes con nombres de clase distintos (.first-ad, .second-ad, .third-ad) y hacerlos visibles en las tres categorías.
  2. Personalizar el estilo CSS de las categorías (no estoy seguro de cómo hacerlo) para ocultar ciertos anuncios según su nombre de clase (si no quiero mostrar el segundo anuncio en la categoría A, añadiría .second-ad {display: none} al estilo CSS).

Sí, algo así. Creo que lo tenía oculto de forma predeterminada y luego lo sobrescribí en la categoría donde debería mostrarse. No soy lo suficientemente hábil con CSS como para describirlo de manera más elocuente, pero parece que tu comprensión ahora está muy cerca de la mía. Si no es mejor.

Gracias. Lo probaré más tarde.

Referencia

Agregar CSS personalizado en categorías específicas

Quizás te convenga más hacer esto con JavaScript, o quizás con jQuery si lo prefieres.

Por ejemplo, la clase en un tema muestra el nombre de la categoría así:

<span class="category-name">Preguntas de UNIX para principiantes</span>

Así que, en un script para la página del tema, seleccionarías el texto de la clase “category-name” e inyectarías tu etiqueta de anuncio en el elemento div de tu elección, basado en el texto de la categoría.

Esta es, en mi opinión, una mejor opción que ocultar y mostrar elementos div con etiquetas de código de anuncio basándose únicamente en CSS.

Además, es muy fácil de implementar para cualquiera que tenga conocimientos básicos de JavaScript o jQuery.

Seleccionas el texto interno del elemento span basado en la clase del span de la categoría. Luego, comparas ese texto interno con tu lista de categorías e insertas tu código de anuncio en el elemento DOM de tu elección en esa página, según la categoría.

Es bastante sencillo para cualquiera con conocimientos básicos de JavaScript escribir este código, y probablemente sea la mejor manera de lograr lo que quieres hacer. @Windsooon

Gracias por tu sugerencia, es muy útil @neounix. Tengo algo de experiencia en JavaScript. Sin embargo, después de configurar los anuncios con CSS, no sé dónde colocar mi código JavaScript. ¿Debería:

  1. Ponerlo en mi servidor (modificar el código en la base de código de Discourse)?
  2. Colocarlo en algún lugar del panel de administración?
  3. Usar un plugin adicional o un componente de tema?

Gracias

@Windsooon

Puedes agregar tu código en el pie de página (o justo antes de la etiqueta de cierre del body) en tus temas, o bien, agregarlo en un componente de tema y aplicarlo a tus temas. La elección es tuya.

Los selectores del DOM variarán según la página donde estés mostrando los anuncios.

En realidad, deberías mantener la mayor parte del código en tu sitio web favorito y simplemente agregar el enlace para cargar el JavaScript en tu tema o componente de tema, o al menos, así es como suelo hacerlo yo.

Personalmente, considero que jQuery funciona mejor para la selección del DOM en temas, pero estoy seguro de que es porque tengo más experiencia con los selectores de jQuery en comparación con los selectores de JavaScript puro.

¡Ya lo tengo! Muchas gracias.

¡Bienvenido @Windsooon!

Eso es exactamente para lo que fue diseñado JavaScript: manipular el DOM, incluyendo la inserción de elementos en él, así que vas por buen camino! :slight_smile:

¡Disfrútalo!!!

¿Hay alguien que me cobre por ‘hacer esto por mí’?? Necesito configurar anuncios por categoría para unas 9 categorías.

Hola Mark,

¿Has avanzado en esto? Debo ser sincero, mi conocimiento de CSS y Java es muy limitado y nos las arreglamos principalmente a través de los componentes de tema personalizados que tenemos disponibles.

También nos gustaría usar la “función AD” para simplemente agregar texto personalizado a nuestras categorías, pero no encontramos una manera de que solo aparezca en una categoría específica.

Si buscas añadir texto a tus categorías como encabezado en lugar de mostrar anuncios, tenemos el componente temático Category Banners que parece que podría ser útil.