Introduzione
Volete creare uno Smart Tag user-agent per sapere da dove provengono i vostri visitatori? Questi dati possono semplificare enormemente le decisioni future per il vostro sito web. In questo tutorial, creeremo uno Smart Tag che riempirà automaticamente un campo nascosto del vostro modulo per catturare la provenienza degli invii.
Lo User-Agent è un'informazione che può essere recuperata dal browser per vedere quale browser, sistema operativo, dispositivo utilizzato (desktop/mobile) ecc.
Creazione del tag intelligente User-Agent
Per prima cosa, aggiungeremo lo snippet di codice che creerà un nuovo Smart Tag all'interno di WPForms che potremo utilizzare nel costruttore.
Se avete bisogno di aiuto per aggiungere gli snippet di codice al vostro sito, consultate questo tutorial.
/**
* Register the User-Agent Smart Tag so it will be available to select in the form builder.
*
* @link https://wpforms.com/developers/how-to-create-and-use-the-user-agent-smart-tag/
*/
//Create the Smart Tag to be used
function wpf_dev_register_smarttag( $tags ) {
$tags[ 'user_agent' ] = 'User Agent';
return $tags;
}
add_filter( 'wpforms_smart_tags', 'wpf_dev_register_smarttag' );
//Define what the Smart Tag is
function wpf_dev_custom_smarttags( $content, $tag ) {
$user_agent = ! empty( $_SERVER[ 'HTTP_USER_AGENT' ] ) ? substr( $_SERVER[ 'HTTP_USER_AGENT' ], 0, 256 ) : '';
if ( $tag === 'user_agent' ) {
$content = str_replace( '{' . $tag . '}', $user_agent, $content );
}
return $content;
};
add_filter( 'wpforms_smart_tag_process', 'wpf_dev_custom_smarttags', 10, 2 );
Nello snippet, noterete che ci sono due funzioni diverse. Ciascuna di esse è stata commentata, in modo da poterne comprendere il significato. La prima funzione creerà lo Smart Tag; questa è solo la creazione, ma è solo nella seconda funzione che definiamo il contenuto dello Smart Tag, che in questo caso è l'inserimento dell'HTTP_USER_AGENT.
Creazione del modulo
Quindi, creeremo un nuovo modulo per aggiungere questo nuovo Smart Tag. Se avete bisogno di assistenza per creare un nuovo modulo, consultate questa documentazione.
Il nostro modulo avrà solo alcuni campi per il nome e l'indirizzo e-mail e poi aggiungeremo un campo nascosto che conterrà le informazioni acquisite con lo Smart Tag User-Agent.
Utilizzo del tag intelligente User-Agent
Una volta aggiunto il campo nascosto, fare clic sul collegamento Mostra smart tag per aprire un elenco di smart tag da aggiungere al campo Valore predefinito.
Individuare lo Smart Tag User Agent e selezionarlo per inserirlo nel Valore predefinito.
Visualizzazione dell'agente utente
Quando si visualizzano le voci, si vedranno all'interno del campo nascosto tutte le informazioni dell'utente che sono state acquisite.
E questo è tutto ciò di cui avete bisogno! Volete creare altri Smart Tag personalizzati? Date un'occhiata al nostro articolo su Come creare uno Smart Tag personalizzato.
Correlato
Riferimenti ai filtri: