Ciao, cari lettori del sito del blog. Oggi parleremo di frame in linguaggio Html. È chiaro che inizieremo dall'inizio, ovvero con che tipo di animale si tratta. Parleremo anche del presente (Frame) e del futuro (Iframe) di questi elementi nel linguaggio di markup ipertestuale. Versione attuale e nel nuovo standard Html 5 con .

Alla fine dell'articolo, dopo una descrizione dettagliata del processo di creazione dei frame inline e della loro struttura classica in codice Html (già usato raramente), affronteremo la questione della rilevanza della costruzione di un sito su di essi, oltre a discutere modi possibili la loro applicazione nell'attuale periodo di tempo sull'esempio del mio blog.

Che cos'è e in che modo Iframe è diverso da Frame

Che cos'è? Si scopre che possono essere utilizzati non solo sui siti Web, ma anche in qualsiasi applicazione ai programmi, ma differiscono in quanto la finestra di una pagina Web o di un'applicazione sarà suddivisa in più aree, ognuna delle quali viene caricata con un documento separato. Inoltre, queste aree del frame si comportano indipendentemente l'una dall'altra.

Probabilmente l'esempio più ovvio del loro utilizzo, che quasi tutti voi avete incontrato, sono i cosiddetti file di aiuto (aiuti) che hanno molti programmi installati sul vostro computer.

Il file con il menu di aiuto viene caricato nella finestra di sinistra e il documento corrispondente alla voce di menu selezionata viene visualizzato nella finestra di destra. È interessante notare che una tale struttura consente di non ricaricare il file con il menu nella finestra di sinistra quando si apre un nuovo documento in quella di destra. Questo è esattamente ciò che vantaggio principale dell'utilizzo di frame in html.

In realtà, il nome stesso di questi elementi dovrebbe essere interpretato proprio come una finestra indipendente. Con l'aiuto di cornici, abbiamo l'opportunità di dividere una grande finestra in più frammenti, che a loro volta possono fungere da ricevitori di documenti separati e indipendenti l'uno dall'altro (pagine, testi, immagini, video, ecc.).

Come viene creata una struttura frame nel linguaggio di markup ipertestuale? Se parliamo dello standard Html 4.01 (secondo la classificazione), che è il principale al momento, per questo vengono utilizzati tre elementi: Frame, Frameset e Noframes.

Iframe - un frame incorporato nello standard Html 5

Se parliamo dello standard Html 5 (il nostro futuro, di cui alcuni elementi sono già supportati da molti browser), allora non ci saranno i tag Frame, Frameset e Noframes, così come la classica struttura dei frame, al loro posto ci sarà un solo tag Iframe (embedded frame), di cui parleremo all'inizio, e poi volgeremo tutta la nostra attenzione allo schema classico della versione 4.01, che attualmente è in uso.

Iframe, a differenza del classico, di cui parleremo di seguito, non richiede la sostituzione del tag Body con i tag Frameset. Quelli. questo tag può essere inserito pagine normali, ad esempio, all'interno di un paragrafo o in qualsiasi altro punto. Al suo interno, questo elemento è molto simile al tag Img che abbiamo già considerato.

È in linea con il contenuto sostituibile perché si comporta esattamente come un elemento in linea, ma al suo interno viene visualizzato contenuto esterno estraneo. Ci sono solo quattro elementi di questo tipo nel linguaggio Html: Img, Iframe, Object ed Embed. Pertanto, il nostro eroe implica la presenza di un file esterno che verrà caricato nell'area, la cui dimensione viene impostata utilizzando gli attributi di questo tag.

Quella. Un iframe è un elemento stringa in cui viene caricato un oggetto esterno (come un video). E per specificare il percorso di questo file, che dovrebbe essere caricato nella pagina, viene utilizzato l'attributo speciale Src. Ma a differenza di Img, l'elemento Iframe è accoppiato, cioè c'è anche un tag di chiusura:

A questo esempio mostrando l'output di una pagina video di Youtube utilizzando un Iframe. Per limitare l'area della cornice (finestra) dove verrà caricata file esterno, vengono forniti gli attributi Larghezza e altezza, i cui valori sono specificati in pixel:

Quelli. questo tag crea un'area in cui viene caricato un oggetto esterno (non importa se proviene dal tuo sito o da un'altra risorsa). La larghezza e l'altezza dell'area vengono impostate utilizzando Larghezza e Altezza e il percorso di questo oggetto è specificato nell'attributo Src.

L'elemento Iframe ha ereditato tutti questi attributi da tag inline simili con contenuto sostituito (come l'Img già menzionato sopra). Bene, ha anche preso gli attributi dalle foto hspace e vspace, che consentono di impostare i rientri dai bordi della cornice al testo che la avvolge.

È anche significativo che l'allineamento della cornice incorporata avvenga esattamente nello stesso modo che potremmo vedere quando si studiano le immagini in Html - . Ancora lo stesso Allineare, ma per il tag Iframe con possibili valori Bottom, Top, Middle, Left e Right.

Ma questo elemento ha anche preso alcuni attributi dal tag Frame dalla classica struttura del frame, di cui parleremo in grande, grande dettaglio di seguito. Questi attributi includono Nome, il cui valore può essere utilizzato come valore in modo che il documento di cui hai bisogno si apra nella finestra di questo riquadro quando fai clic sul collegamento (leggi di più sotto).

Anche nell'Iframe, l'attributo Frameborder è migrato dal tag Frame, che ha solo due valori: o 0 (il frame attorno al frame non viene visualizzato) o 1 (il frame è visibile). Il valore di default è Frameborder=1, quindi per rimuoverlo è necessario scrivere Frameborder="0":

Anche l'attributo Scrolling è stato spostato da Frame a questo elemento, che ha un valore predefinito di Auto: le barre di scorrimento nel frame appariranno secondo necessità quando il contenuto è più grande della finestra prevista per visualizzarlo.

Bene, anche gli attributi Marginwidth e Marginheight provenivano dall'elemento Frame. Saranno discussi in dettaglio di seguito nel testo, ma in poche parole: ti consentono di impostare il rientro in larghezza e altezza dai bordi della cornice al contenuto che vi si trova.

Come ho già detto, un chiaro esempio di utilizzo di Iframe è:

Inserendo l'Iframe direttamente nella pagina web, otterrai l'output del video da YouTube. Concludiamo che questo elemento è una miscela di elementi inline con contenuto sostituibile e, in effetti, frame classici, di cui parleremo ora.

Frame basati su tag Frame e Frameset - la loro struttura

Quindi, la creazione di una struttura frame classica inizia con ciò che scrivi nel codice Html invece del tag Body di apertura e chiusura, che normalmente dovrebbe essere presente in qualsiasi documento che sostituisce il suo contenitore basato su elementi Cornice.

Il punto fondamentale è che l'elemento Body non può essere utilizzato in questo caso, né Body (per un documento normale) né Frameset (quando si crea una struttura cornice di un documento):

Ogni frame che formiamo all'interno del frame principale viene creato utilizzando un elemento separato telaio. Questo tag è singolo e in esso impostiamo il percorso del documento che dovrà essere caricato in questa finestra.

Il terzo elemento che non abbiamo ancora toccato è Nessun frame. È accoppiato e ti consente di scrivere del testo dentro di te, che verrà elaborato dal browser e visualizzato pagina web solo se lo stesso browser (o altro dispositivo di visualizzazione) non supporta i frame. Questo può accadere, ad esempio, quando si utilizza un browser per dispositivi mobili.

Di solito, i Noframe non aggiungono solo informazioni sulla situazione attuale con l'impossibilità di elaborare la struttura del frame, ma aggiungono anche la possibilità di andare ad altre pagine dove puoi continuare a lavorare senza usarle. È difficile dire qualcos'altro su di lui, quindi continuiamo.

Si scopre che l'elemento Frameset utilizzato al posto del tag Body occupa tutto lo spazio assegnato per il viewport e all'interno di questa regione verranno creati frame utilizzando elementi Frame separati. A questo proposito, sorge la domanda: come dividere l'area di visualizzazione tra finestre separate o, in altre parole, come impostare le dimensioni di ciascuna di esse.

Questo viene fatto aggiungendo attributi appropriati all'elemento Frameset. Ce ne sono due - Cols e righe. Cols imposta la divisione di una grande finestra in cornici o colonne verticali e Righe ti consente di dividerla in finestre o righe orizzontali.

Creazione di una struttura basata su Frameset e sui suoi attributi Cols e Rows

I valori per Cols e Rows del tag Html Frameset sono numeri separati da virgole (senza spazi). Questi numeri impostano le proporzioni delle finestre che vogliamo ottenere come risultato. Pertanto, quanti numeri verranno scritti separati da virgole in Cols o in Rows, quanti frame abbiamo e dovremmo essere il risultato.

Ad esempio, utilizzando tale notazione, otterremo tre colonne verticali che corrisponderanno in larghezza alle proporzioni 2:5:3.

Dato che abbiamo impostato le proporzioni per tre frame, dovremo scrivere tre elementi Frame tra il tag Frameset di apertura e chiusura, anche se senza specificare attributi aggiuntivi:

Di conseguenza, la nostra struttura del frame, composta da tre finestre vuote, sarà simile a questa:

In questo esempio, impostiamo le dimensioni delle finestre (Frame) utilizzando percentuali che vengono ricavate dalla larghezza della finestra (questo è il caso quando si utilizza Cols) o dalla sua altezza (Righe). Quando modifichi la finestra, il rapporto percentuale tra le dimensioni dei fotogrammi verrà mantenuto. Ma invece delle percentuali, puoi anche usare solo i numeri che significheranno. Anche qui, credo, non dovrebbero sorgere difficoltà di comprensione.

Ma c'è anche un'opzione piuttosto insolita nelle designazioni delle dimensioni, che sembra asterisco "*". Inoltre, può essere solo "*" o un asterisco con un numero davanti, ad esempio "3*". Una cosa complicata, molto simile alle percentuali, il che significa che dividiamo lo spazio per il Frame in modo proporzionale.

Diamo un'occhiata a un esempio. Ora scegliamo di dividere la finestra in righe orizzontali usando Righe:

Cosa significa questa voce? L'intera finestra a nostra disposizione verticalmente sarà divisa in tre linee. L'altezza della prima riga sarà presa a 200 pixel, la seconda - a 500, ma la terza riga occuperà tutto lo spazio rimanente in altezza, perché "*" è stato utilizzato come dimensione.

Sorprendentemente, il valore "*" e "1*" significano la stessa cosa: dividiamo tutto lo spazio rimanente per uno e diamo questa parte a questo frame (beh, cioè tutto lo spazio rimanente).

Ma guarda cosa succede se usi il valore "*" con un numero da dividere in proporzione:

Quali pensi che dovrebbero essere le dimensioni del telaio in questo caso? È chiaro che la seconda riga avrà sicuramente un'altezza di 100 pixel. Ma come verrà diviso lo spazio di altezza rimanente tra la terza e la prima riga?

È abbastanza semplice contare: basta aggiungere quattro (4*) a due (2 *) e dividere per questo denominatore (ricorda le frazioni del curriculum scolastico) due e quattro. Quelli. otteniamo che la prima colonna con la cornice occuperà un terzo dello spazio rimanente in altezza e la terza colonna occuperà due terzi. O, in altre parole, il terzo sarà il doppio del primo:

È possibile utilizzare tutti e tre i modi per ridimensionare le finestre cornice in un unico attributo, ad esempio:

Di conseguenza, otterremo la prima colonna Frame larga il 10 percento dell'area disponibile, i secondi 100 pixel e i restanti tre avranno una larghezza in proporzioni di quattro, tre e due noni dello spazio rimanente in larghezza. Ecco fatto, tutto è semplice e chiaro.

Se vuoi dividere la finestra principale non solo in riquadri orizzontali e verticali, ma, ad esempio, in combinazioni di essi, puoi utilizzare la struttura nidificata degli elementi Frameset separatamente per le colonne e separatamente per le righe. Ad esempio, per ottenere la struttura mostrata nello screenshot qui sotto, è sufficiente utilizzare questa costruzione:

Quelli. per prima cosa dividiamo con "frameset cols="20%,80%"" tutto spazio disponibile in due colonne verticalmente e impostiamo il contenuto della colonna di destra con il tag "frame", ma invece di aggiungere un elemento "frame" per la colonna di sinistra, apriamo un nuovo "frameset righe="10%,*"".

E con l'aiuto di esso, dividiamo la colonna di destra in due righe con frame, il cui contenuto viene impostato utilizzando due tag "frame", dopodiché chiudiamo entrambi i contenitori "frameset". Tutto è semplice e logico.

Specificare il percorso nell'attributo Src dell'elemento Frame

Ma abbiamo parlato tutti dell'elemento Frameset e dei suoi attributi Cols e Rows, con l'aiuto dei quali formiamo la struttura e ne impostiamo le dimensioni. Ora scopriamo come visualizzare i documenti giusti nei frame giusti e come impostare l'interazione tra le loro finestre.

Quindi, come controlliamo l'aspetto delle finestre che creiamo? Tutto questo è incorporato negli attributi del tag Frame. Il primo degno di nota è src. L'abbiamo già incontrato nel tag Img quando abbiamo considerato l'inserimento di immagini nel codice Html. La sua essenza non è cambiata e consente comunque di specificare il percorso del documento che deve essere caricato nella cornice.

Il percorso del documento in Src può essere specificato come . I percorsi relativi vengono generalmente utilizzati per un documento che si trova sulla tua risorsa, ma avrai bisogno di percorsi assoluti quando desideri caricare un documento da un altro sito in una finestra frame.

Se l'attributo Src non è specificato con il percorso del documento desiderato, la finestra verrà caricata documento vuoto. Personalmente, una volta ho fatto una cosa simile per il mio blog (come elemento aggiuntivo navigazione) e contestualmente creato sul server di hosting cartella separata per questo, e vi ho posizionato non solo un file Html con una struttura a frame (che ho chiamato index.html), ma anche tutti i documenti caricati in varie finestre, nonché i file di immagine che sono stati usati come sfondo.

Pertanto, è stato più semplice per me utilizzare collegamenti relativi nell'attributo Src del tag Frame:

Sorprendentemente, se sostituisci tutti i collegamenti in questo codice da relativo ad assoluto (come https://site/navigator/joomla.html) e apri questo file in un browser, i documenti specificati nel Frame verranno caricati dal mio server e vedrai un'immagine simile nel tuo browser. E non importa dove si troverà il tuo file con una struttura a frame (index.html): sul tuo computer o sull'hosting.

Nell'esempio mostrato in figura, una pagina con un determinato menu viene caricata nella finestra cornice di sinistra, che è un normale file . Ma non è importante come si forma il menu, ma ciò che accade dopo aver cliccato su uno qualsiasi dei suoi collegamenti è importante.

Se lo fai, tutto accadrà esattamente come dovrebbe: il documento si aprirà nella finestra in basso a destra. Ma per questo ho dovuto applicare un piccolo accorgimento, perché nella versione di default il documento si apriva per l'intera dimensione della finestra, sostituendo la struttura del frame, di cui non avevo affatto bisogno, perché il menu di navigazione in alto a sinistra e le cornici sono scomparse.

Come aprire documenti da un collegamento in una cornice

Quindi, quando abbiamo parlato di collegamenti ipertestuali, abbiamo menzionato un tale attributo del tag "A" come Target=_blank. Ricordi a cosa serve? Corretto per aprire il documento collegato in una nuova finestra. Per impostazione predefinita, dovrebbe aprirsi nella stessa finestra, che equivale a target="_self".

Ma queste possibilità obbiettivo non sono limitati. Si scopre che puoi aggiungere valore ad esso come nome del frame, precedentemente specificato nell'attributo speciale Name del tag Frame. Quindi il documento da questo link non si aprirà nella stessa finestra, occupando tutto il suo spazio, ma nel Frame che hai specificato. Chiaro? Se non del tutto, ora sarà chiaro durante l'analisi dell'esempio.

Quindi, torniamo al nostro esempio mostrato nella figura sopra. Dobbiamo aprire le pagine utilizzando i collegamenti dalla finestra di sinistra nel riquadro in basso a destra (grande). Pertanto, la prima cosa da fare è dare un nome a questa grande finestra usando l'attributo Name sul tag Frame.

Fatto e chiamato "ktona". Ora puoi aprire in sicurezza il file che viene caricato come menu nella finestra di sinistra e aggiungere l'attributo Target="ktona" a tutti i tag A in esso contenuti:

La storia dell'emergere di Joomla e del componente VirtueMart

Ovviamente, utilizzare lo strumento trova e sostituisci per inserirlo in tutti i collegamenti ipertestuali non sarà difficile, ma perché scaricare il codice inutilmente quando abbiamo una grande opportunità da utilizzare etichetta speciale Base, che abbiamo già menzionato nello stesso articolo sui collegamenti ipertestuali, quando abbiamo parlato dell'utilizzo di Target blank.

Basta mettere base target="ktona" tra i tag Head di apertura e chiusura e tutti i link nel codice Html di questo documento apriranno nuove pagine nel frame specificato chiamato "ktona":

A proposito, se consideriamo il mio strumento che esisteva una volta come esempio, dobbiamo anche assicurarci che tutti i collegamenti dalla finestra orizzontale superiore aprano le loro pagine nella cornice verticale sinistra, che funge da menu a sinistra. Cosa bisogna fare per questo?

Bene, per prima cosa, dobbiamo dare un nome alla cornice verticale sinistra:

E nel file che viene caricato nella finestra in alto (gor.html), devi aggiungere l'elemento base target="gor":

Tutto, ora abbiamo fatto tutto bene. Tutti i documenti collegati dal riquadro superiore si aprono nella finestra di sinistra e tutti i collegamenti da esso apriranno i documenti nel riquadro centrale e più grande. A mio parere, tutto è semplice e logico.

Attributi dei tag frame per personalizzare l'aspetto delle finestre

Vediamo ora quali attributi oltre a Src e Name possono essere utilizzati nel tag Frame per la personalizzazione aspetto esteriore cornici. Iniziamo con scorrimento. Con esso, possiamo personalizzare individualmente la visualizzazione delle barre di scorrimento per ciascuna finestra della struttura del telaio.

Lo scorrimento è impostato su Auto per impostazione predefinita: il browser deciderà automaticamente, in base alle dimensioni del documento caricato nel riquadro, se visualizzare o meno una barra di scorrimento. Se il documento non si adatta completamente alla finestra, verrà visualizzata una barra di scorrimento che ti consentirà di visualizzarlo fino alla fine.

Inoltre, come valori per lo Scorrimento, puoi usare Sì (le barre di scorrimento nella finestra saranno sempre visualizzate, anche se il documento si inserisce completamente in essa) e No (le barre di scorrimento non appariranno mai, anche se parte del documento non va bene).

Nel mio strumento esistente, ho usato l'Auto predefinita e le barre di scorrimento nei frame sono apparse secondo necessità:

Il seguente attributo del tag Frame è − noresize- è singolo (non ha valori). Dopo averlo registrato, vieterai così di cambiarne le dimensioni, che di default si effettua semplicemente trascinando con il mouse il bordo delle cornici.

Quando passi il cursore del mouse sul bordo, vedrai che il cursore si trasformerà in una freccia a due punte, e ora facendo clic su tasto sinistro mouse, puoi spostare il bordo come desideri. Noresize impone un divieto a questa volontà personale (quando sposti il ​​cursore del mouse sul bordo delle finestre, non vedrai più una freccia a due punte).

Un altro attributo visivo è Bordo del telaio. Con esso, puoi specificare se disegnare una cornice (bordo) tra cornici o meno. Frameborder può averne solo due valori possibili— 0 (non disegnare una cornice) o 1 (visualizzare un bordo). L'impostazione predefinita, ovviamente, è 1.

C'è una sottigliezza. Se vuoi rimuovere il bordo visibile, dovrai aggiungere Frameborder=0 a tutti i tag Frame di quei frame tra i quali vuoi rimuovere i bordi visibili.

Bene, dobbiamo ancora considerare un paio di attributi del tag Frame - larghezza di margine e altezza di margine, che imposta il riempimento in larghezza (sinistra e destra) e altezza (in alto e in basso) dai bordi della finestra al contenuto caricato in essa (il numero indica il numero di pixel di riempimento):

Perché non riesci a creare un sito su frame?

Vediamo qual è lo svantaggio fondamentale delle strutture classiche, che sostanzialmente pone fine al loro utilizzo nella creazione di un sito. Consiste nel fatto che secondo questa struttura del telaio è impossibile risalire alle sue condizioni.

Strutture complesse possono avere migliaia di stati diversi (varianti di documenti aperti in diverse finestre frame), ma l'indirizzo Url di questa stessa struttura non cambia. Per questo lo farà Impossibile utilizzare i segnalibri del browser o inviare link alle tue pagine preferite ad altri utenti. Come mai?

Perché l'indirizzo rimane invariato anche quando lo apri dai preferiti del browser o da una lettera E-mail, otterrai la pagina con lo stato iniziale della struttura del frame, non lo stato che vorresti mantenere.

Sebbene, ovviamente, questo problema possa essere risolto, ma non tramite Html, ma con l'aiuto di linguaggi di programmazione server (ad esempio Php) o lato client (JavaScript), e queste soluzioni non funzioneranno cento per cento. Tali soluzioni, infatti, consentono di ampliare Indirizzo URL struttura del frame dati aggiuntivi sul suo stato attuale, ma ciò non è facile da fare e l'affidabilità non sarà assoluta.

Questo è il primo svantaggio dell'utilizzo dei frame per creare siti Web ed è molto significativo, ma c'è un altro enorme svantaggio. I motori di ricerca, ovviamente, hanno imparato da tempo a indicizzarli ed estrarne gli indirizzi di quei documenti che vengono caricati nelle loro finestre. Il problema è diverso.

Quando un utente passa dai risultati di ricerca Yandex o Google al tuo sito costruito sulla base di una struttura a frame, si aprirà solo il documento che è stato caricato in uno dei frame e non l'intera struttura. Capisci di cosa sto parlando?

L'utente vedrà il documento e non vedrà la navigazione sul tuo sito, perché sarà protetto in altre finestre e verranno caricate solo come parte dell'intera struttura.

Di conseguenza, un sito costruito su frame diventa semplicemente inutilizzabile. Sebbene, ancora una volta, ci siano soluzioni a questo problema basate sugli script del server, quando verrà eseguito un reindirizzamento dagli indirizzi dei singoli documenti a una struttura frame che si trova nello stato desiderato, ma questo è ancora una volta molto difficile e non sempre affidabile.

In generale, la conclusione può essere tratta inequivocabilmente - non è necessario creare siti su frame. Ma d'altra parte, sono costantemente utilizzati per creare aiuto varie applicazioni, beh, e da qualche altra parte le piccole cose possono tornare utili.

Ad esempio ho creato una struttura a frame, che ho chiamato “Navigatore” (ora l'ho rimossa temporaneamente) e che è diventata una sorta di menu esterno ampliato per il mio blog, che, secondo me, dovrebbe semplificare il lavoro con la risorsa e, quindi , migliora quelli che ora sono "senza cazzate" influiscono molto, molto fortemente sulla promozione del sito.

Tuttavia, per evitare problemi con i motori di ricerca, ne ho chiuso l'intera struttura e ho anche aggiunto, per ogni evenienza, il meta tag Rodots a tutti i suoi file Html con il divieto di indicizzazione:

Ma tutte queste restrizioni si applicano solo alle strutture sui tag Frame e Frameset e frame in linea sui tag iframe non hanno difetti visibili, ed è del tutto possibile e persino necessario usarli sui tuoi progetti, almeno per inserire video da YouTube.

Buona fortuna a te! A presto sul sito delle pagine del blog

Potresti essere interessato

Direttive di commento e Doctype in codice Html, oltre al concetto di elementi block e inline (tag)
Incorpora e oggetti: tag HTML per la visualizzazione di contenuti multimediali (video, flash, audio) su pagine Web
Img - Tag HTML per inserire un'immagine (Src), allinearla e avvolgerla con il testo (align) e impostare uno sfondo (background)
Cos'è un linguaggio ipertestuale markup HTML e come elencare tutti i tag nel validatore W3C Seleziona, Opzione, Area di testo, Etichetta, Set di campi, Legenda - tag Moduli HTML elenchi a discesa e caselle di testo
Elenchi in codice HTML - tag UL, OL, LI e DL
Font (Faccia, Dimensione e Colore), Blockquote e Pre tag: formattazione del testo obsoleta in puro HTML (senza usare CSS)
Come vengono impostati i colori nel codice Html e CSS, selezione delle sfumature RGB nelle tabelle, risultati Yandex e altri programmi

Ciao a tutti! Ho già annunciato diversi programmi di affiliazione iFrame, ma cosa significa concetto di iFrame o tag iframe, rimane un mistero per molti. In questo articolo cercherò di spiegare cosa significa, perché è necessario e come guadagnare con iFrame.

Il concetto di iFrame può essere definito come segue: su un sito, uno o più siti vengono caricati contemporaneamente in un frame o, come si dice spesso, in background, quindi il concetto Traffico iFrame spesso indicato come traffico in background.

In genere, i siti caricati in un frame non sono visibili all'utente, poiché la larghezza e l'altezza del frame sono spesso zero. A volte una cornice può essere resa visibile di proposito assegnandole le dimensioni, ad esempio, di un banner rettangolare standard. Questo codice sarà simile a questo:

Se copi codice dato e incollalo sul tuo sito, poi il mio blog verrà caricato sul tuo sito in una cornice delle dimensioni di un banner standard, dove larghezza- larghezza del fotogramma pari a 468 pixel, e altezza— l'altezza della cornice, pari a 60 pixel. Negli scambi di traffico, l'altezza e la larghezza del telaio sono generalmente zero. tag iframe puoi anche aggiungere altre variabili, ma in questo articolo non le prenderò in considerazione, poiché l'esempio sopra sarà sufficiente per determinare e capire cosa significa il tag iframe e come funziona.

Che cos'è un affiliato iframe?

Affiliato Iframe è uno scambio per l'acquisto e la vendita di traffico in background. Dopo una semplice registrazione al sito programma di affiliazione per l'acquisto e la vendita di traffico iframeÈ a tua disposizione un codice iframe, che puoi inserire sul tuo sito e iniziare a guadagnare: di solito una visita al tuo sito da parte di un visitatore unico viene pagata entro 24 ore sullo scambio di compravendita di traffico - host. Alcuni scambi pagano per i colpi. Di solito un colpo viene pagato a un prezzo che è la metà del costo dell'host.

Perché è necessario il traffico iframe?

Con l'aiuto del traffico iframe, il traffico del sito viene spesso potenziato e, di conseguenza, i contatori saranno alti, ma in modo che i sistemi di statistica non sospettino che tu possa barare e i motori di ricerca non impongono filtri sul tuo sito, questa specie il traffico deve essere utilizzato con attenzione, per un importo non superiore al 5% dell'importo totale del traffico, se si dispone di . Vale anche la pena sapere che i programmi di affiliazione per l'acquisto e la vendita di traffico in background possono aggiungere siti che hanno Codice malevolo o reindirizzare. Spesso, l'amministrazione di questi scambi modera i siti, ma i proprietari di questi siti possono aggiungere codice dannoso in un secondo momento: questo è uno dei modi più accessibili ed economici per diffondere in modo massiccio i virus. L'amministrazione di alcuni scambi non accetta inserzionisti e acquista traffico solo per risorse comprovate: un esempio è scambio di traffico in background goldentraff. Inoltre, su alcuni exchange, come ad esempio Safeframe o Web-rom, è presente un sistema di controllo del traffico per i virus. I collegamenti ad articoli su questi scambi di traffico possono essere trovati alla fine di questo articolo.

Come guadagnare con il traffico iframe?

I guadagni sugli scambi di compravendita di traffico sono spesso definiti come soldi dal nulla. Perché? Tutto è abbastanza semplice! Hai creato un sito Web (spesso -), aggiunto codice da uno o più scambi ad esso e indirizzato il traffico verso di esso. Il traffico può essere prelevato da sistemi di navigazione, navigazione automatica e sistemi di scambio di visite: questa è la fonte di traffico più accessibile ed economica. Puoi anche utilizzare altre fonti di traffico: banner pubblicitari, pubblicità in taverna, pubblicità contestuale eccetera. Un'altra popolare fonte di traffico per i programmi di affiliazione iframe è il traffico proveniente dai sistemi di pubblicità attiva (ATS). Lascia che te lo ricordi ancora: codici con scambi di traffico iframe possono essere assemblati in un unico sito. Pertanto, aumenterai la busta e, di conseguenza, guadagnerai più di quanto spendi per l'acquisto di traffico.

Elemento

cornici

Cosa fa

La principale differenza tra

Tutto questo codice html che devi copiare e incollare file di testo(blocco note o un semplice blocco note), dargli un nome appropriato (preferibilmente in lettere latine - in modo che non vengano visualizzati caratteri incomprensibili) e prescrivere l'estensione .htm.

Un esempio di nome di frame è " yandex-webinar.htm» - Maggiori dettagli nel video tutorial sopra.

Attenzione! Dopo aver impostato l'estensione .htm il tuo file di testo, la sua icona cambierà nell'icona del browser che stai utilizzando per impostazione predefinita.

Se desideri modificare o aggiungere qualcosa a un file di testo, fai clic con il pulsante destro del mouse sul file e seleziona " Per aprire con -> Bloc notes e sentiti libero di modificare.

Tutto! La tua pagina cornice è creata e pronta per l'uso, MA

È necessario allegare analisi in modo da poterlo fare utilizzare le cornici con la massima efficienza, perché, per chi ne comprende l'essenza, installare i TUOI contatori è l'obiettivo principale creazione di cornici.

Web Analytics e Pagina Frame

Se non sai come creare e configurare contatori di analisi web e dove ottenere i codici contatore, sei qui:

Dopo aver creato e configurato, copia i codici contatore e incollali nella cornice. Come avrai notato nei miei articoli, ti consiglio di impostare i contatori prima del tag di chiusura.

Alla fine, struttura html il codice dovrebbe assomigliare allo screenshot qui sotto:

Mio Nome del dominio+ nome frame.htm

Di conseguenza, otterrai una pagina Web che devi caricare nella cartella principale. Il link al sito sarà immediatamente disponibile e, al momento della transizione, verrai indirizzato al sito che desideri promuovere, ma che si trova sul tuo dominio, nel tuo " incorniciato».

Devi solo seguire l'analisi e fare soldi con i programmi di affiliazione.

Guadagni sui programmi di affiliazione senza un sito web

Se non hai il tuo sito web, l'opzione con i programmi di affiliazione è abbastanza adatta per fare soldi con i programmi di affiliazione. creazione e utilizzo di pagine cornice.

Ma come minimo, devi avere un dominio registrato e un posto - senza questo non sarai in grado di promuovere programmi di affiliazione nel modo sopra descritto.

E se sei interessato alla pubblicità contestuale nel sistema Yandex Direct e non vuoi aspettare il rilascio dei miei articoli, in cui cercherò di coprire completamente questo argomento, dai un'occhiata al video corso a pagamento di Ilya Tsymbalist -. Io stesso ci sono passato e sono rimasto soddisfatto, spero non ci sia bisogno di spiegare perché ho consigliato l'opzione a pagamento.

Assicurati di controllare il video tutorial su creare e lavorare con le pagine cornice. In questo video, io, da zero creare una pagina cornice, inserisci un link di affiliazione, imposta i contatori e carica il file risultante sull'hosting.

Se hai problemi a creare cornici, sono sempre felice di aiutarti, scrivi nei commenti.

Ciao! Su Internet, ci sono un numero enorme di programmi di affiliazione che ti consentono di guadagnare denaro sul tuo sito.

Nel post di oggi, esamineremo i programmi di affiliazione che acquistano traffico dai webmaster e scopriremo anche la relazione motori di ricerca a questo tipo di reddito.

Per non farmi da parte, ho inserito due dei miei siti in un sistema del genere e ho deciso di vedere come l'acquisizione del traffico avrebbe influenzato la posizione dei miei progetti sulla rete. Ma su tutto in ordine, leggi il post con attenzione e fino alla fine.

Lo schema dell'articolo sarà il seguente:

1. Che cos'è un'acquisizione del traffico?
2. In che modo vengono acquistati i visitatori;
3. Qual è il pericolo di questo modo di guadagnare per un sito o un blog;
4. La mia esperienza con il sistema del traffico.

Primo. Cos'è l'acquisizione del traffico

Un modo per aumentare il traffico del sito Web in cambio di denaro è acquistare la giusta quantità di visitatori da altri siti.

Ad esempio, ho bisogno di aumentare il traffico verso questo sito per convertirlo in un secondo momento in un'altra fonte di reddito, o forse qualcuno ha solo bisogno di chiudere il contatore.

Per fare ciò, andiamo su exchange che li riscattano da altri siti e paghiamo una certa cifra per ogni visitatore (1000 persone equivalgono all'incirca a 3$).

Ogni borsa è specializzata in uno specifico tipo di traffico (mobile, RU-traffico, estero), anche i prezzi sono diversi.

Ci sono molti di questi servizi sulla rete, quindi avrai molto tra cui scegliere, ma ti esorto a utilizzare questo metodo come ultima risorsa, è meglio lavorare per aumentare il traffico in modo naturale e l'articolo " "ti aiuterà in questo.

- questo è quando un servizio reindirizza i visitatori da un sito (traffico di vendita) a un altro sito (acquisto), addebitando una tariffa per la fornitura di tali servizi.

Secondo. Come vengono acquistati i visitatori?

Esistono molti modi per acquistare traffico da un sito. A partire dai banner pop-up e termina con l'installazione di uno script iframe:

— Pop Under;
— clicca sotto;
— iframe;

Pop Under. Sul sito viene inserito un “banner mobile” (“fluttuante” significa che questo banner rimarrà sempre nel campo visivo del visitatore. Se scorri la pagina con il mouse, il banner “fluttuerà” dopo di te).

Tali banner si trovano solitamente nell'angolo in alto a destra. Quando un visitatore desidera chiuderlo e fa clic sulla scritta "chiudi", il sito Web dell'inserzionista verrà caricato in quel momento.

Fare clic su Sotto. I siti che fanno soldi con il clickunder non hanno banner mobili, finestre estranee e annunci. Il visitatore può visualizzare in sicurezza le informazioni fino a quando non effettua un qualsiasi clic (non necessariamente sul collegamento).

Ho deciso di non bypassare questo tipo di reddito e l'ho lanciato programma affiliato su uno dei miei blog. Parlerò di cosa ne è venuto fuori nel prossimo post e spenderò anche panoramica dettagliata servizi popolari non perdere!

iframe. Uno dei modi più allettanti per fare soldi è vendere il tuo traffico ad altri siti. Devi solo installare un codice speciale e, se arriva al tuo progetto, non verrà visualizzato nulla che distrae l'attenzione dalla lettura del materiale. Tuttavia, in questo momento, verrà caricato un altro sito, e forse diversi.

Terzo. Perché questo modo di guadagnare denaro è pericoloso per un sito web o un blog

Alcuni anni fa, lavorando con gli scambi per acquistare traffico, non potevi temere l'emissione dei tuoi siti nei TOP dei motori di ricerca. Ma tutto finisce ed è arrivato nel 2009, quando Yandex ha annunciato che i siti con annunci PopUnder e ClickUnder sarebbero stati sottovalutati in risultati di ricerca sistemi.

Poiché i servizi di acquisizione utilizzano lo script java e, a sua volta, è perfettamente indicizzato dai robot dei motori di ricerca, di conseguenza, il sito vola in cima alla classifica.

In un forum, un webmaster ha suggerito una soluzione a questo problema. Consisteva nel seguente, che i robot dei motori di ricerca non sono in grado di riconoscere il codice dei file flash.

Per fare ciò, devi cercare tali programmi di affiliazione che mostrano annunci flash, ma non dovresti rallegrarti troppo qui, perché se il PS non ha ancora imparato come farlo, allora è questione di tempo. è una questione di tempo

Il quarto. La mia esperienza con Traffbiz

Avendo appreso di questo modo di guadagnare come un programma di affiliazione iframe, dove puoi vendere il tuo traffico, mentre il visitatore non sarà infastidito da nulla, come in PopUnder e ClickUnder, ho iniziato a provarlo su me stesso.

Ho trovato scambi in rete che funzionano secondo questo principio e mi sono accontentato di Traffbiz (ATTENZIONE, questo sito non funziona più, ma il principio del suo funzionamento è simile a quelli simili), pagano le loro controimpressioni al prezzo di $ 1,6 per 1000 impressioni.

Ho preso due siti sperimentali con basso traffico (60 persone al giorno) ed età del dominio (1 anno). Registrazione superata, tra l'altro prendono tutti i siti nel sistema con un minimo di 10 unici al giorno.

Se vuoi prelevare i soldi che hai guadagnato, dovrai aspettare un salario minimo di $ 3. Ma non passarono nemmeno pochi giorni, poiché avevo già avuto i primi inconvenienti.

Uno dei miei siti è realizzato in html, quindi devo aggiornare manualmente il codice di sistema una volta ogni due settimane, e talvolta anche prima (chi ha creato siti in html mi capirà).

Si scopre che devo aprire ogni pagina e modificare il codice di sistema in essa contenuto. Il mio sito è composto da 50 pagine, quindi non voglio ripetere gli stessi movimenti 50 volte più volte al mese, ma sto lavorando per il bene dell'esperimento.

Il secondo sito è stato più semplice. È realizzato sul motore di wordpress, quindi una volta aggiunto il codice, puoi dimenticartene.

Ecco le statistiche della vendita del mio traffico su siti sperimentali.

Come puoi vedere, il sistema non acquista tutti i visitatori di seguito, ma seleziona solo il traffico RU. Lo script che ho installato è in grado di reindirizzare i miei visitatori a siti di altre persone.

Sarai interessato a conoscere le seguenti tariffe:

- Vendita di RU-traffico e loro al prezzo di 2,6$ per 1000 click (vi ricordo che l'acquisto è di 1,6$ per gli stessi 1000);

- Vendere visitatori dal Kazakistan e dall'Ucraina al prezzo di $ 2 per 1000 clic (ti ricordo che non comprano questo traffico da te);

- Vendita del resto del traffico al prezzo di 1$ ogni 1000 click (ti ricordo che non comprano da te questo traffico);

Come puoi vedere, ottengono un buon ritorno sui soldi spesi, ma personalmente non mi piacciono solo due fattori in questo scambio.

1) Yandex considera il loro codice potenzialmente dannoso e che tali siti distribuiscono virus. Su entrambi i siti ho chiuso il codice di sistema nei tag noindex.

Tuttavia, questo non ha aiutato e il sito wordpress è stato il primo a arrendersi, e quasi subito dopo un paio di ups. Inoltre, questo ha preso in considerazione il sito su html.

Cosa faccio in questo caso: elimino lo script dal traffbiz sui siti e aspetto che Yandex consideri i siti "buoni" (ci vogliono circa 5 giorni), quindi rimetto lo script.

2) Il sito ha traffico. Yandex sottovaluta deliberatamente i progetti nei risultati di ricerca TOP che sono pericolosi per gli utenti.