• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

  • Home
  • Chi
  • Cosa
  • Personal Branding?
  • Innovazione professionale?
  • Blog

Banner JavaScript nei Post di WordPress

Misc · 3 Luglio 2007

  • Facebook
  • Twitter
  • LinkedIn

Dopo un po’ di prove sono riuscito a mettere i Banner JavaScript (o qualsiasi altro JavaScript) all’interno dei Post di WordPress.
Infatti, mentre è facile metterli nelle colonne laterali del proprio tema (tipicamente basta copiare il codice dove si vuole che sia visualizzato), per inserirli dentro i Post occorre un po’ più di lavoro.

In primo luogo prendiamo uno script di esempio:

<script type="text/javascript">
var uri = 'http://impit.tradedoubler.com/imp?type(img)g(176532)a(1370916)' + new String (Math.random()).substring (2, 11);
document.write('<a href="http://clk.tradedoubler.com/click?p=16987&a=1370916&g=176532" target="_blank"><img src="'+uri+'" border=0></a>');
</script>

che forma seguente il Banner LastMinute:

Così com’è non è possibile inserirlo dentro il Post…
Vi sono vari modi per farlo, io ne utilizzo due che ho trovato in questo articolo di WordPress.
Il primo è più indicato quando si desidera mettere un unico Banner occasionalmente, il secondo nel caso in cui si voglia creare una sorta di libreria di Banner (o di altri script) e si voglia richiamarne uno qualsiasi dentro il Post.

In entrambi i casi occorre creare un file che contiene una o più funzioni JavaScript costruite come segue:
1.si prende la parte di codice del Banner contenuta tra:
<script type="text/javascript"> e <script>
e la si mette dentro una funzione fatta così:
function nome_funzionel(){
parte_di_codice
}

nel seguente modo:

function lastminute_hotel(){
var uri = 'http://impit.tradedoubler.com/imp?type(img)g(176532)a(1370916)' + new String (Math.random()).substring (2, 11);
document.write('<a href="http://clk.tradedoubler.com/click?p=16987&a=1370916&g=176532" target="_blank"><img src="'+uri+'" border=0></a>');
}

dove ho chiamato la funzione “lastminute_hotel”.

A quel punto si salva il file dentro la sottodirectory “wp_includesjs” del proprio sito, con nome a piacere, per esempio “post_javascript.js”.
Successivamente, nel caso del Banner occasionale,
occorre utilizzare questo codice in qualsiasi punto del Post:

<script src="/scripts/updatepage.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
updatepage();
//--></script>

Nel caso si voglia invece costruire una Libreria di Banner,
si inserisce il seguente pezzo di codice:

<script type="text/javascript" src="https://centenaro.it/wp-includes/js/global_post_javascript.js"></script>

nel file header.php del proprio tema, in un qualsiasi punto tra i tag (indicando così al Browser di caricarlo per ogni pagina richiesta):

<head></head>

Infine, occorre mettere il Banner dentro il Post usando solo la seguente parte di codice:

<script type="text/javascript"> <!--
lastminute_hotel();
//--> </script>

Ovviamente nel file si può creare una funzione differente per ogni Banner e chiamarla a piacere semplicemente utilizzando il codice precedente, cambiando solo il nome della funzione!

  • Facebook
  • Twitter
  • LinkedIn

Ti potrebbe interessare anche...

  • Inserire codice JScript, xHTML o PHP nei Post WordPress
  • Facebook dà qualche giro di vite verso la monetizzazione?
  • eBook GetBlog: Gestire e Ottimizzare i Blog con WordPress
  • PlugIn di WordPress Events Calendar in Italiano e problemi con il CSS
  • Inserire gli Sponsored Links di Google AdSense nel testo del Post
  • Affiliazioni su Internet: cosa sono e perché sono “cosa buona e giusta”
  • WordPress SEO 1.1 – Technorati Tag?
  • WordPress SEO 1.0 – SiteMap
  • #Book – Business Model for Teams in Italian is out!
  • GdA: My job is the impossibile and it must become yours

Filed Under: Misc Tagged With: banner, JavaScript, Script, wordpress, XHTML

Luigi Centenaro

Reader Interactions

Comments

  1. Glenda says

    9 Maggio 2008 at 10:50

    Ciao,
    ho seguito i tuoi consigli per inserire un banner Javascript all’interno dei post, ho creato il file js e poi? cosa si fa per inserire il banner una volta creato il file js?
    Grazie se mi risponderai…chiedo scusa ma sono alle prime armi nei blog!
    Glenda

    Rispondi
  2. Luigi Centenaro says

    9 Maggio 2008 at 21:42

    No problem!
    -hai creato il file con dentro le funzioni come ho indicato?
    -Lo hai linkato dentro il tuo header.php?

    Allora ti basta, quando scrivi un post, richiamare la funzione così:

    da qualche parte dentro il testo…

    Fammi sapere! 😉

    Rispondi

Lascia un commento Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Primary Sidebar

Cerca sul sito

LUIGI CENTENARO

Fondatore di BigName, gli specialisti dell’innovazione di persone e team in azienda. Ha insegnato presso SDA Bocconi, ESSEC Paris, POLIMI, Bath soM, IE Madrid, WHU Düsseldorf e St. Gallen.
Primo Personal Branding Strategist italiano, orgoglioso autore e curatore per Hoepli e fondatore di PersonalBranding.it (2008). Scopri di più...

Argomenti

  • Design Thinking
  • Personal Branding
  • Innovazione Professionale
  • Misc

Topics

  • Design Thinking
  • Personal Branding
  • Innovazione Professionale
  • Misc
Work Model Canvas in Italia - Business Model You®
Scarica gratis il metodo pratico in una pagina per sviluppare la tua strategia di personal branding

Digital You!

Digital You - Luigi Centenaro e William ArrudaÈ in libreria il volume Digital You, HOEPLI, il primo libro sul Personal Branding completamente dedicato a chi lavora in azienda o in un’organizzazione e vuole un metodo concreto per valorizzarsi a livello digitale e fare carriera. Puoi anche scaricare gratuitamente estratto e strumenti.

Personal Branding per l’Azienda

Copertina libro Personal Branding per l'Azienda - HOEPLI di Luigi Centenaro e Silvia ZanellaÈ in libreria il volume Personal Branding per l'Azienda, HOEPLI, Il primo libro al mondo che tratta tutte le principali applicazioni del Personal Branding in ambito aziendale. Puoi anche scaricare gratuitamente estratto e strumenti.

Con la mia curatela:

Business model you. Il metodo in una pagina per reinventare la propria carriera La traduzione italiana di Business Model You (Ed. Hoepli), il libro di Tim Clark che ha già aiutato migliaia di persone a reinventare la propria carriera, applicando all’individuo gli stessi principi usati per i modelli di business aziendali. Scarica l'estratto e tutti gli strumenti nella sezione sul nostro sito dedicato al Personal Branding. Personal Branding per i manager di William Arruda e Deb Dib a cura di Luigi Centenaro edito da Hoepli Il manuale di istruzioni di William Arruda e Deb Dib, disegnato appositamente per manager e imprenditori per comprendere e sfruttare il potere del loro Personal Brand per favorire il successo della loro carriera e della loro azienda. Scarica l'estratto e tutti gli strumenti nella sezione sul nostro sito dedicato al Personal Branding. Il libro che ha rivoluzionato la managerialità allineando Strategia, Operation e Sviluppo Professionale. Sono uno dei 22 special contributor del libro di Tim Clark e Bruce Hazen e curatore dell'edizione italiana. Con BigName, inoltre, siamo presenti con ben due casi aziendali: uno in Enel e uno in Cattolica Assicurazioni. Scarica l'estratto e tutti gli strumenti nella sezione sul nostro sito aziendale.

Footer

Articoli recenti

  • 25 anni di Personal Branding
  • Il Personal Branding Canvas è nella seconda edizione di Business Model You!
  • Come potenziare la “storia del fondatore” con il Personal Branding
  • Digital You: il mio nuovo libro sul Personal Branding, scritto con William Arruda
  • Nuovo libro: Personal Branding per l’Azienda

Commenti recenti

  • Luigi Centenaro su Digital You: il mio nuovo libro sul Personal Branding, scritto con William Arruda
  • giovanna tosetto su Digital You: il mio nuovo libro sul Personal Branding, scritto con William Arruda
  • Raffaele Tufano su Stinky and Dirty: un cartone per imparare il Design Thinking (e il Problem Solving)
  • Che lavoro fai? Prova a dirlo con il personal branding - Acapoverso su Ecco il Personal Branding Canvas
  • Eliahu Gal-Or su L’impossibile è il mio mestiere: ma deve diventare il vostro!

Contenuti

  • Home
  • Chi
  • Cosa
  • Personal Branding?
  • Innovazione professionale?
  • Blog

© Luigi Centenaro

Privacy Policy