wordpress – paologironi blog

Tracciare i moduli Elementor con Google Tag Manager

paolo — Tue, 04 Aug 2020 08:05:28 +0000

In un precedente post abbiamo visto in dettaglio come tracciare in Google Analytics via Google Tag Manager i moduli generati dal plugin CF7 in WordPress.

In questo post vedremo come ottenere il medesimo risultato con un altro strumento WordPress ad altissima diffusione: il visual builder Elementor.

Elementor utilizza Ajax , facendo comparire a schermo un messaggio di ringraziamento dopo che è avvenuto l’invio del modulo.

Questo significa che per far scattare il nostro attivatore in Tag Manager, al fine di conteggiare un evento, dobbiamo intercettare proprio la comparsa di questo messaggio sullo schermo.

il messaggio di ringraziamento all’avvenuto invio di un modulo Elementor

Creazione dell’attivatore Tag Manager

Creo l’attivatore. Nell’interfaccia di GTM vado su Attivatori > Nuovo > e come tipo di elemento scelgo “Visibilità di un elemento”:

La configurazione dell’ attivatore Tag Manager per tracciare modulo Elementor

Dobbiamo indicare a Google Tag Manager quale elemento esatto ci interessa.

Apro l’inspector del browser per vedere se ci sono id oppure classi css associate al messaggio di invio riuscito.

Nel mio caso ho trovato un div associato alla classe .elementor-message-success.

Quindi flaggo la voce “Rileva modifiche nel DOM”.

Salvo, aggiorno la modalità Anteprima e debug, quindi aggiorno la pagina che contiene il modulo Elementor e controllo facendo un modulo di prova.

Google Analytics tag per tracciare il Form Elementor

Il prossimo passo è inviare un evento a Google Analytics ogni volta che quel messaggio di ringraziamento appare sullo schermo.

Nell’interfaccia di Google Tag Manager, vado su Tag> Nuovo> e scelgo Universal Analytics. Quindi uso le seguenti impostazioni:

Configurazione del tag

Ovviamente posso nominare i valori di Categoria, Azione ed Etichetta come preferisco.
Quindi faccio clic sulla sezione Attivazione e scelgo il trigger creato in precedenza (Visibilità dell’elemento).

Test e messa in produzione

Salvo tutte le modifiche nel contenitore di Google Tag Manager, aggiorno la modalità Anteprima e Debug, aggiorno la pagina in cui è presente il modulo Elementor. Compilo tutti i campi e invio il modulo.

• L’evento di visibilità dell’elemento dovrebbe apparire nella modalità Anteprima e debug.

• Facendo clic sull’evento nella console di debug si dovrebbe visualizzare il tag GA Event attivato

Ora vado ai rapporti sugli eventi in tempo reale di GA e controllo se l’evento è visibile.

Analytics in tempo reale – verifica conteggio modulo come evento

“Collegare” WordPress con le piattaforme social più diffuse

paolo — Wed, 23 Jan 2013 11:05:30 +0000

Il tempo a nostra disposizione è sempre meno, i siti e le piattaforme social su cui vorremmo comparire sempre di più…ecco perché ci si trova spesso di fronte all’esigenza di postare un contenuto sul nostro sito o blog WordPress e di far sì che sia il sistema, in automatico, a “smistare” e pubblicare i nostri preziosi contenuti sui vari Facebook, Twitter, Linkedin ecc.

In questo articolo mi riprometto di indicare alcune semplici linee guida per realizzare questa integrazione.

Partiamo con Twitter. Il risultato desiderato è che ogni volta che viene pubblicata una notizia, la stessa venga automaticamente ripubblicata su Twitter tramite un tweet.

Integrare WordPress e Twitter via Feedburner

Per ottenere il risultato utilizziamo il feed rss, sfruttando il servizio FeedBurner, da tempo proprietà di Google.

Ci si collega dunque a FeedBurner all’indirizzo http://feedburner.google.com e ci si registra. Se si è già utenti Google, basta usare le proprie credenziali.
Teniamo presente che il feed rss base generato da WordPress ha normalmente questo indirizzo: http://www.nomedelvostrosito.it/feed/

Bene, ci logghiamo su FeedBurner.
Noteremo questo campo:

Burn a feed right this instant. Type your blog or feed address here:

Ovviamente andremo a inserire l’indirizzo del feed di WordPress e cliccheremo su “Next”
Ci troveremo in una schermata che presenta alcuni tabs. La nostra scelta cadrà su “Publicize”, quindi cliccheremo su “Socialize”.
Clicchiamo su Add Twitter Account. Autorizziamo Google ad accedere al nostro account Twitter.
Si potrà anche vedere in preview come appariranno i tweet.

Da WordPress a Facebook : metodo 1 – RSSGraffiti

Vogliamo che i nostri post compaiano sulla nostra pagina fan FaceBook o sulla bacheca del nostro profilo.
Si può anche in questo caso sfruttare l’rss di WordPress, utilizzando il servizio offerto dall’applicazione Facebook gratuita RSSGraffiti, disponibile a questo indirizzo:
http://www.rssgraffiti.com/

Ci verrà chiesto di loggarci a Facebook, quindi ci si aprirà una semplice schermata di configurazione del servizio. Dovremo autorizzare RssGraffiti, cosa che faremo in pochi secondi.

Quindi clicchiamo su “+Add New Publishing Plan“:

Ora dobbiamo solo configurare sorgente e destinatario. Nulla di più semplice. Nella colonna Sources clicchiamo su Add New Source e inseriamo il feed rss del nostro sito WordPress (il feed FeedBurner che abbiamo usato per collegare Twitter andrà benone).
Ora clicchiamo nella colonna Target su Add New e scegliamo su quale pagina Facebook fare arrivare i nostri post e, sotto, lo stile del box che verrà pubblicato. Sarà possibile anche visualizzare una preview.

L’aggiornamento di Facebook non è in tempo reale, quindi se, pubblicato un post su WordPress, non vedete subito lo stesso segnalato nella pagina Facebook…è normale. Arriverà, un po’ di pazienza…

Da WordPress a Facebook : metodo 2
Plugin Simple Facebook Connect

Esiste anche un plugin ufficiale e gratuito rilasciato da Facebook per ottenere il risultato desiderato. Personalmente, preferisco un altro plugin gratuito: Simple Facebook Connect.

Per ottenere il risultato, occorre creare un’app facebook. Non è cosa difficile, sono solo pochi semplici passaggi.
Prima di tutto, però, andiamo a installare il plugin da dentro WordPress oppure in manuale facendo il download e il successivo upload del file dezippato nella directory dei plugin del nostro WordPress.

Lo attiviamo e ci verranno chiesti due dati:

Facebook Application Secret e Facebook Application ID

Per ottenerli dobbiamo andare nella Facebook Developers Page. Dopo il login, si clicca su “Crea Applicazione”, in alto a destra.
Sì dà un nome all’applicazione e il namespace (che sarà il nome della url su Facebook).

Ok, la schermata che segue contiene i dati che ci servono per il plugin WordPress. Cambiamo solo l’icona dell’app con quella del nostro sito, copiamo e incolliamo in Simple Facebook Connect i valori dei due campi richiesti e ricordiamoci di fare un check nel campo “Website”, indicando l’indirizzo del nostro sito.

Lavorando nei settaggi del plugin, possiamo ora scegliere di auto-pubblicare i post sul profilo Facebook o nella pagina dell’applicazione. Se si è inserito l’ID della pagina Fan, allora i contenuti verranno pubblicati su quella pagina. Sarà necessario dare i permessi, cliccando sul bottone “Grant sfc permission” e autorizzando la cosa.

Quanto alle opzioni di personalizzazione del plugin…lascio a voi il divertimento.

Come resettare o cambiare la password di WordPress via mysql

paolo — Wed, 28 Mar 2012 15:12:49 +0000

Il problema è certamente capitato a tutti coloro che utilizzano WordPress per lo sviluppo.
Si trasferisce un sito in velocità, si fa il dump e il restore del database, ci si lavora un po’ su e poi… e poi non si riesce più a entrare nel sistema!

Ok, se il problema è solo la password, anche se non abbiamo modo di farci resettare la stessa tramite mail, si può ovviare in pochi istanti.

Ipotizzo che si abbia accesso al database del nostro wordpress tramite la comoda interfaccia fornita da phpmyadmin.

Apro allora phpmyadmin, identifico e seleziono il database che mi interessa, guardo le tabelle e scelgo wp_users (dalla lista sulla sinistra…) cliccandoci sopra.

Ok, ora dovrei avere davanti agli occhi una schermata con i nomi degli utenti.

Bene. Clicco sull’icona a forma di matita (modifica)

La password è cifrata, come si vede. Nessuna paura.
Lavoro sulla riga user_pass.

Cancello la vecchia password e scrivo la nuova. Clicco sul menù dropdown alla voce “Funzione” e seleziono la voce MD5.

Tutto fatto: clicco su Esegui e provo a loggarmi con la nuova password: buon WordPress!

Apache e i permalink di WordPress

paolo — Fri, 02 Mar 2012 15:57:10 +0000

Uno di quei problemi contro i quali sbatti la testa e ti sembra di impazzire. Installi il tuo sito wordpress, fai il restore del dump del database…tutto ok. Il tema è a posto. Installi con cura i plugin, uno alla volta, tutto ok. E’ fatta, il sito gira. Sospiro di soddisfazione. Un momento, c’è ancora da cambiare quei brutti link, passando dalla struttura dei link di default a una struttura più ordinata e più utile ai fini SEO. Cambi i permalink… ed inizia l’incubo. Tutte le pagine e tutte le categorie danno un 404, page not found. Cosa è successo? Vai su Google e trovi centinaia di grida di dolore e inizi a provare ogni metodo che trovi, con il solo risultato di fare un minestrone informatico.

Io ho risolto così: per me il problema era cambiare la direttiva “AllowOverride None” in “AllowOverride All” nella configurazione di Apache (nella parte relativa a /var/www).

Quando ho visto tutto funzionare, non mi è parso vero, e quindi posto a futura memoria!

le thumbnails youtube

paolo — Thu, 01 Sep 2011 08:55:35 +0000

Esistono un’infinità di generatori di thumbnails per i video youtube. Moltissimi sono i plugins per wordpress, utili per generare le thumb da far comparire, ad esempio, al posto del video embedded in un lancio home di un post, oppure nella sidebar.

Quello che forse non tutti sanno è che in effetti youtube genera automaticamente delle thumbnails. Tutto quello che serve è il link del video! In pratica. Prendiamo ad esempio un video qualunque. La URL è tipo questa:

http://www.youtube.com/watch?v=5YXVMCHG-Nk

ok, la parte che ci interessa è quella dopo watch?v=

Basta quel codice per costruire le URL che puntano alle thumbnails. Nel nostro caso, eccole:

http://img.youtube.com/vi/5YXVMCHG-Nk/0.jpg
http://img.youtube.com/vi/5YXVMCHG-Nk/1.jpg
http://img.youtube.com/vi/5YXVMCHG-Nk/2.jpg
http://img.youtube.com/vi/5YXVMCHG-Nk/3.jpg

Ricapitolando:

si ricava il codice dalla URL del video Youtube
si costruisce la nuova URL con il codice copiato, aggiungendo il numero di thumb (da 0 a 3) seguito dal suffisso .jpg.

Facilissimo!

Ovviamente non è detto che il formato e il contenuto delle thumbnails siano adatti ai vostri scopi, però questo trick può rotnare utile in molte situazioni.

Attivare cURL in XAMPP

paolo — Thu, 01 Sep 2011 08:35:10 +0000

In Xampp non è attivato di default il supporto per cURL. cURL è un tool utilissimo da riga di comando per trasferire file con la sintassi URL. cURL ha una libreria per php, la cui presenza è richiesta, ad esempio, da molti ottimi plugin per wordpress.

Attivare cURL in Xampp è questione di pochi istanti. Ecco la procedura da seguire:

Ci si porta nella directory xampp sul proprio pc
Si va nella cartella php
Si edita il file php.ini con un editor di testo
Si cerca la riga extension=php_curl.dll e si cancella il punto e virgola ; davanti alla riga stessa
Si riavvia il server Apache

plugin essenziali per wordpress: WP-DBManager

paolo — Sun, 05 Jun 2011 20:52:10 +0000

Tra i plugin che non possono mancare nella propria installazione di wordpress io metto in cima alla lista il prezioso WP-DBManager. Si tratta di un valido aiuto per ottimizzare il database, nonchè per pianificare ed eseguire in sicurezza backup e restore. Si tratta di operazioni che si possono eseguire senza problemi con phpmyadmin, ma molte volte (troppe volte!) la pigrizia ha la meglio. E allora, perchè non affidarsi a uno strumento ben integrato nell’amministrazione di wordpress, semplice ed efficace?

L’installazione è come sempre facilissima: si decompatta lo zip e si copia la cartella nella cartella wp-content/plugins di wordpress. Qualora fosse necessario (il sistema ve lo segnalerà) si copia il file htaccess.txt presente nello zip nella cartella indicata dal sistema (wp-content/backup-db) rinominandolo .htaccess. Attenzione ai settaggi del vostro client ftp: potreste non vedere i files preceduti dal punto. Nel caso, intervenite nelle opzioni del vostro programma per renderli visibili.

Una volta attivato il plugin, basterà cliccare sulla voce Database che comparirà nell’interfaccia di amministrazione wordpress e seguire le istruzioni.