ComusThumbz Documentation
HTML Markdown Print/PDF Plain Text
Admin Login

Documentation Menu


Admin Access

Aggiungi un banner

Cosa fa questa pagina

Questa pagina ti permette di creare banner pubblicitari per il tuo sito. È possibile caricare un'immagine o costruire un banner HTML personalizzato, assegnarlo a un punto specifico sul tuo sito e controllare quando appare. Utilizzare questa pagina ogni volta che si desidera promuovere uno sponsor, pubblicizzare un prodotto, o visualizzare qualsiasi tipo di banner sulle pagine pubbliche.

[Screenshot: add-banner-main-interface]

Come arrivare qui

Navigare per Pannello di amministrazione > Pubblicità > Aggiungi banner

Puoi anche raggiungere questa pagina cliccando su Aggiungi nuovo banner nella pagina Gestione banner.

Comprendere la pagina

Quando si apre questa pagina, si vedrà un modulo diviso in diverse sezioni. In cima è il titolo della pagina e una fila di pulsanti di navigazione che ti portano ad altre pagine relative alla pubblicità come Sponsor, Banner Management, Banner Zones, Sub-Sponsor e Statistica.

Qui di seguito è la forma di creazione banner, che ti attraversa tutto passo dopo passo.

Nota: Questa pagina funziona in tre modalità: creare un nuovo banner, modificare un banner esistente e copiare un banner. Il modulo si regola automaticamente a seconda di quale azione si sta eseguendo.

Compiti comuni

Come Creare un Banner di Immagini

Utilizzare questo quando si dispone di un'immagine banner (come un file JPG, PNG, GIF o WebP) che si desidera visualizzare sul sito.

  1. Fare clic Aggiungi banner dal menu Pubblicità.
  2. Digitare un nome per il tuo banner nel Titolo del banner campo. Questo è solo per il vostro riferimento e non appare sul sito pubblico.
  3. Seleziona una Sponsor dalla discesa. Questa è la società o inserzionista che il banner appartiene.
  4. Selezioni facoltative Subsponsor se il banner appartiene a un sub-brand specifico.
  5. Seleziona una Posizionamento banner dalla discesa. Questo determina dove sul tuo sito apparirà il banner (ad esempio, intestazione, barra laterale o piè di pagina). La discesa mostra il nome di ogni zona e la dimensione raccomandata.
  6. Inserisci il Fare clic su URL. Questo è l'indirizzo web che i visitatori saranno portati a quando cliccano il banner.
  7. Assicurarsi di Banner di immagini viene selezionato come tipo di banner.
  8. Scegli come fornire la tua immagine:

- No. Carica file: Fare clic sull'area di caricamento o trascinare e rilasciare un file immagine dal computer. I formati supportati sono JPG, PNG, GIF e WebP (fino a 5 MB). - URL del Hotlink: Incolla l'indirizzo web di un'immagine ospitata altrove, quindi fare clic Dimensioni di controllo.

  1. Dopo aver fornito un'immagine, viene visualizzata un'anteprima con la larghezza e l'altezza rilevati. Verifica questi per assicurarsi che sembrino corretti.
  2. Regolare il Impostazioni banner se necessario (vedere la sezione Impostazioni qui sotto).
  3. Selezione opzionale fino a 10 Categorie per indirizzare specifiche sezioni di contenuti del tuo sito.
  4. Fare clic Crea banner.

Successo: Dopo aver salvato, verrà visualizzato un messaggio di conferma e verrà reindirizzato alla pagina Banner Management.

Mancia: Il sistema rileva automaticamente la larghezza e l'altezza dell'immagine, quindi di solito non è necessario inserire quelle manualmente.

[Screenshot: add-banner-image-upload]

Come Creare un Banner HTML

Utilizzare questo quando si desidera creare un banner personalizzato utilizzando il codice HTML, come un annuncio multimediale ricco o un banner con formattazione speciale.

  1. Click Add Banner from the Advertising menu.
  2. Fill in the Banner Title, Sponsor, Banner Placement, and Click URL fields.
  3. Click the HTML Banner option under Banner Type.
  4. Type or paste your HTML code into the editor that appears.
  5. Use %referurlhere% anywhere in your HTML where you want a clickable link. The system will automatically replace this with the correct tracking link when the banner is displayed.
  6. Click Preview HTML to see how your banner will look. The preview updates automatically as you type.
  7. Enter the Width and Height manually to match your HTML design.
  8. Adjust any other settings and select categories as needed.
  9. Click Create Banner.

 

Tip: Always use %referurlhere% instead of pasting your destination link directly into the HTML. This ensures that clicks are properly tracked in your statistics.

 

[Screenshot: add-banner-html-editor]

How to Edit an Existing Banner

  1. Go to Admin Panel > Advertising > Banner Management.
  2. Find the banner you want to change.
  3. Click the Edit button next to it.
  4. The form opens with all the current settings already filled in.
  5. Make your changes. If you upload a new image, it will replace the old one.
  6. Click Update Banner.

 

Warning: When you replace a banner image by uploading a new one, the old image is permanently removed. Make sure you have a backup if you might need the original image later.

 

How to Copy a Banner

Copying is useful when you want to create a similar banner without starting from scratch.

  1. Go to Admin Panel > Advertising > Banner Management.
  2. Find the banner you want to duplicate.
  3. Click the Copy button next to it.
  4. The form opens with all the original banner's settings pre-filled.
  5. Change the Banner Title and any other fields you want to adjust.
  6. If the original used an uploaded image, you will need to upload a new image for the copy.
  7. Click Create Copy.

 

Note: Copying creates a brand new banner. The original banner is not changed in any way. Copies start with a status of Inactive so you can review them before they go live.

 

Settings and Options

Banner Settings

Setting What It Does Recommended for New Users
Width The width of the banner in pixels. Usually filled in automatically. Leave as auto-detected unless you need a specific size
Height The height of the banner in pixels. Usually filled in automatically. Leave as auto-detected unless you need a specific size
Weight Controls how often this banner appears compared to other banners in the same zone. A higher number means the banner shows more often. Start with the default value of 100
Start Date The date the banner should start appearing on your site. Leave blank to start immediately. Set this if you are preparing a banner ahead of time
End Date The date the banner should stop appearing. Leave blank to run indefinitely. Set this for time-limited promotions
Status Controls whether the banner is currently showing on your site. Set to Active when you are ready for it to go live

Status Options Explained

Status What It Means
Active The banner is live and showing on your site right now
Inactive The banner is turned off and will not appear on your site
Scheduled The banner is set to go live on a future start date
Paused The banner has been temporarily turned off but can be reactivated

Category Targeting

You can assign up to 10 categories to a banner. When a visitor is browsing a specific category on your site, only banners assigned to that category will appear. This lets you show relevant ads to the right audience.

  • Check the boxes next to the categories you want to target.
  • If you do not select any categories, the banner can appear on any page in its assigned zone.
  • You cannot select more than 10 categories per banner.

 

Warning: If you try to select more than 10 categories, the last selection will be removed and a warning message will appear.

 

How Banners Appear on Your Site

Once a banner is saved with an Active status, it will begin appearing in the placement zone you selected. Here is what to expect:

  • Image banners display as clickable images in the assigned zone.
  • HTML banners display as rich content in the assigned zone.
  • All clicks on banners are automatically tracked so you can see performance in the Statistics page.
  • If multiple banners are assigned to the same zone, they rotate automatically. Banners with a higher weight appear more often.
  • If you set start and end dates, the banner only appears during that time window.

Tips for New Users

 

Tip:
  • Give your banners clear, descriptive titles so you can easily find them later in the Banner Management list.
  • Always preview HTML banners before saving to make sure they look right.
  • Use the Scheduled status to prepare banners ahead of time for upcoming promotions.
  • Start with the default weight of 100. Only adjust weights when you have multiple banners in the same zone and want some to appear more often than others.
  • If a hotlinked image stops working later, consider uploading the image directly instead. Hotlinked images depend on the external server staying online.

 

Troubleshooting

The banner is not appearing on my site

What you see: You saved the banner but it does not show up on any page.

How to fix it:

  1. Go to Admin Panel > Advertising > Banner Management and check the banner's status. It must be set to Active.
  2. Verify that the banner is assigned to a placement zone that exists on your site pages.
  3. If you set a start date, make sure today's date is on or after that date.
  4. If you set an end date, make sure it has not already passed.

 

I get an error saying required fields are missing

What you see: A red error message appears when you try to save.

How to fix it: Make sure you have filled in all of the following: Banner Title, Sponsor, Banner Placement, and Click URL. For image banners, you also need to upload an image or provide a hotlink URL. For HTML banners, you need to enter HTML content.

My uploaded image is not accepted

What you see: An error about file type or file size.

How to fix it:

  1. Make sure your image is in one of the supported formats: JPG, PNG, GIF, or WebP.
  2. Make sure the file is no larger than 5 MB. If it is too large, resize or compress the image before uploading.

 

What you see: You entered an image URL but the dimensions could not be detected.

How to fix it:

  1. Double-check that the URL is correct and starts with http:// or https://.
  2. Try opening the URL directly in your browser to make sure the image loads.
  3. Some external servers block dimension checking. If this happens, simply type the width and height manually.

 

My HTML banner preview looks wrong

What you see: The preview does not match what you expected.

How to fix it:

  1. Make sure all your styling is written directly in the HTML (inline styles). External style links may not work inside banners.
  2. Keep any scripts simple and inline.
  3. Try simplifying your HTML to isolate the issue.

 

I see a message about demo mode

What you see: A red banner at the top of the page says demo mode is active, and you cannot save changes.

How to fix it: Demo mode is enabled by your system administrator. Contact them to have it turned off if you need to create or edit banners.

The page says my session has expired

What you see: An error about an invalid token.

How to fix it: Refresh the page and try again. This usually happens if the page has been open for a long time without activity.

Page When to Use It
Banner Management View, manage, and organize all your existing banners
Banner Zones Create and configure the placement zones where banners appear on your site
Sponsors Management Add and manage the sponsors (advertisers) that your banners belong to
Sub-Sponsors Set up sub-brands or secondary sponsors under a main sponsor
Statistics View click and impression data for your banners

Related Pages