# 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://3850633367-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgduBdb7MgKReibHapP4x%2Fuploads%2Fgit-blob-85749df1127b02bcbf33234ceff2a252f1fdaea4%2FWallet%20-%20Dettaglio%20carta-1.png?alt=media) ![](https://3850633367-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgduBdb7MgKReibHapP4x%2Fuploads%2Fgit-blob-cd769fbfa192e325441bc496ee241df3aeb944db%2FEsercenti%20online.png?alt=media) ![](https://3850633367-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgduBdb7MgKReibHapP4x%2Fuploads%2Fgit-blob-8f2520fb79b0770ca798b85d1aa28165470130b2%2FDettaglio%20esercente%20fisico%20-%20online%20-%20singola.png?alt=media) ![](https://3850633367-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgduBdb7MgKReibHapP4x%2Fuploads%2Fgit-blob-4901a1b32c5db57593b596936117edd0a28c26b4%2FBS%20offerta%20-%20landing.png?alt=media)

<mark style="color:purple;">**Fig. 6**</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>
