# Online - Landing page

Nel caso in cui l’Operatore abbia deciso di aderire al Programma attraverso il proprio sito web e/o e-commerce tramite il *Modello landing page*, deve comunicare:

* l’indirizzo della pagina web (URL) creata / scelta dall’Operatore per la fruizione delle agevolazioni da parte dei Beneficiari; e
* il relativo *Referer*, ovvero una stringa testuale di massimo 20 caratteri, anch'essa predeterminata dall’Operatore e assegnata alla singola agevolazione.

{% hint style="info" %}
**Importante:** La pagina dell’agevolazione dev’essere realmente dedicata e costruita attorno alla descrizione descritta in App IO e non contenere un insieme di iniziative eterogenee che potrebbero creare difficoltà di navigazione ai Beneficiari. Gli Operatori che scelgono questo modello si impegnano pertanto a creare delle “landing” curate nel messaggio e nella definizione dei contenuti che ben incarnano la natura e lo spirito del Programma. Ad esempio, agevolazioni diverse dovrebbero essere associate a landing page diverse ed appositamente dedicate per una maggiore sicurezza e una maggiore chiarezza di intenti.
{% endhint %}

Il parametro *Referer* deve essere controllato ed accettato dai sistemi dell’Operatore per tutta la durata delle agevolazioni erogate ai Beneficiari. 

L’identificazione del Beneficiario da parte dell’Operatore avviene secondo questi passaggi:

* Il Beneficiario accede alla sua CGN nell’App IO e seleziona l’Operatore di suo interesse nella lista esercenti visualizzata; 
* il Beneficiario seleziona l’agevolazione di suo interesse e preme sul pulsante "*Accedi all’agevolazione*"; 
* la landing page configurata dall’Operatore per la fruizione dell’agevolazione viene aperta in webview valorizzando il custom header HTTP **X-PagoPa-CGN-Referer**.

Il controllo del relativo header può essere effettuato sia a livello infrastrutturale (Apache/Nginx) sia applicativo di backend della pagina web dell’Operatore. Di seguito vengono riportati alcuni esempi implementativi per il check del *Referer* in diversi linguaggi: 

* [PHP](https://stackoverflow.com/questions/541430/how-do-i-read-any-request-header-in-php)
* [JAVA](https://mkyong.com/java/how-to-get-http-request-header-in-java/)
* [NodeJ](https://www.codegrepper.com/code-examples/javascript/expressjs+custom+header)[s](https://www.codegrepper.com/code-examples/javascript/expressjs+custom+header) 
* [Wordpress](https://wordpress.stackexchange.com/questions/288865/how-to-get-value-of-custom-http-header)
* [Nginx](https://www.nginx.com/resources/wiki/start/topics/examples/headers_management/)
* [Apache](https://serverfault.com/questions/751697/how-to-read-specific-character-out-of-request-header-in-apache-http-config)

#### Esperienza utente

![](https://1099917878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVgh5yq561A3SOPVQrWes%2Fuploads%2Fk7bjCjDCSHSA0LGDpusT%2FWallet%20-%20Dettaglio%20carta-1.png?alt=media\&token=127f4cef-dd60-4f67-a782-4d540df705dd)![](https://1099917878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVgh5yq561A3SOPVQrWes%2Fuploads%2FR9XwvTY7MBR1BZLDbblc%2FEsercenti%20online.png?alt=media\&token=b4b918e0-a198-4f68-89c5-d2342e3d45ce)![](https://1099917878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVgh5yq561A3SOPVQrWes%2Fuploads%2FvGD6IY0SpaMKZNpSQrhh%2FDettaglio%20esercente%20fisico%20-%20online%20-%20singola.png?alt=media\&token=08f27ade-1f9c-44a1-9a0a-3cf852a0469f)![](https://1099917878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVgh5yq561A3SOPVQrWes%2Fuploads%2FXklAkTPSjh6imUrctv0W%2FBS%20offerta%20-%20landing.png?alt=media\&token=51dc65d8-8bb0-4aad-a0d2-707b262a2555)

<mark style="color:purple;">**Fig. 6**</mark> <mark style="color:purple;"></mark><mark style="color:purple;">Esperienza d’uso per ricercare il codice sconto di un Operatore che aderisce all’iniziativa tramite Modello landing page</mark>