Aktiva reklamsystem ram eller iframe. Vad är en iFrame? Webbanalys och inramad sida

15/12/16 7K

Element

Ramar

Vad gör den ? Hur man infogar en sida i en HTML-sida? För att göra detta måste du använda <iframe>, som skapar en inline-ram i det aktuella dokumentet som visar ett annat HTML-dokument. Visa Displayblock. Exempelkod <h2>Kraftfull men ändå enkel att använda</h2> Tillbaka på den gamla dåliga tiden var det mycket webbdesign <frame>element som förstör livet för varje utvecklare. De var nästan alltid en dålig designstrategi. Lyckligtvis element <frame>har fasats ut i HTML5. Men <iframe>eller " inline ram» är fortfarande tillgänglig. Kommer det att fasas ut i nästa version? Vi kanske borde undvika det? Det finns flera giltiga användningsområden för detta element när du skapar en HTML-sida. Men du måste förstå vad det är och hur det fungerar för att undvika misstag. <h3>Likheter och skillnader <iframe>Och <frame></h3> Båda dessa element låter dig skapa ett separat HTML-dokument. En länk till innehållet i dokumentet som den aktuella webbsidan refererar till anges i src-attributet. <!-Вы можете сделать так --> <iframe src="http://example.com"> <!DOCTYPE html> <html> <head> . . . </head> <body> . . . </body> </html>

Den största skillnaden mellan Och <frame>saken är <iframe>säkerställer efterlevnad av regeln att HTML-dokumentet är en prioritet. Innehåll <iframe>visas inuti ett element som är en del av det aktuella dokumentet. Som ett exempel, betrakta denna inbäddade video från YouTube: Videon finns tydligt på HTML-sidan och inte i en separat panel. elementet bröt detta paradigm och tillät dokumentet att utöva kontroll över webbläsarfönstret och dela upp det i flera små paneler (ramar), som var och en visar ett separat dokument. Alla andra skillnader mellan och följer av denna grundläggande skillnad. <h3>Gör inte om rambaserade layouter med iframes</h3> Någon gång kan du ställas inför uppgiften att uppdatera en gammal webbplats som byggdes med ramar. Du kanske vill använda <iframe>och en fast layoutbredd för att återskapa samma mardröm av oberoende paneler och trösklar. Men du kommer inte att kunna använda target-attributet för att öppna en länk i en separat ram. Du kan börja leta efter JavaScript-lösningar. Snälla gör inte det. <h3>Bra (och fruktansvärda) användningsområden <iframe></h3> Det finns flera giltiga användningsfall <iframe>för att skapa en HTML-sida: <ul><li>bädda in tredje parts mediainnehåll;</li> <li>bädda in ditt eget medieinnehåll genom ett plattformsoberoende dokument;</li> <li>exempel på inbäddningskod;</li> <li>bädda in "applets" från tredje part som betalningssätt.</li> </ul>Här är några hemska användningsfall: <iframe>: <ul><li>Fotogalleri;</li> <li>forum eller chatt.</li> </ul>Om du behöver bädda in oberoende, redan existerande HTML-dokument i det nuvarande, använd <iframe>. Om du bygger allt från grunden finns det ingen anledning att dela upp siddesignen i flera separata dokument. Särskilt om de faktiskt inte är oberoende delar av innehåll. <h3>iframe-attribut</h3> <table border="1"><tbody><tr><td>Attributnamn </td> <td>Menande</td> <td>Beskrivning</td> </tr><tr><td>sandlåda</td> <td>Tillåt samma ursprung Tillåt toppnavigering Tillåt-formulär Tillåt-skript</td> <td>Anger ett antal begränsningar för innehållet som laddas in i ramen. Ställ in innan hur man skapar en HTML-sida. </td> </tr><tr><td>rullning</td> <td>ja nej auto</td> <td>Bestämmer om rullningar ska visas i ramen eller inte. Utfasad i HTML5. Använd CSS istället.</td> </tr><tr><td>namn</td> <td>namn</td> <td>Anger namnet på ramen.</td> </tr><tr><td>Justera</td> <td>vänster höger upptill mitten botten</td> <td>Bestämmer ramens inriktning i förhållande till omgivande element. Är föråldrad. Använd CSS istället.</td> </tr><tr><td>ramkant</td> <td>ja (eller 1) Nej</td> <td>Används för att möjliggöra visning av en ram runt ramen. Utfasad i HTML5. Använd CSS istället.</td> </tr><tr><td>longdesc</td> <td>URL</td> <td>Används för att ange webbadressen till en sida som innehåller en lång beskrivning av innehållet i ramen. Är föråldrad. Använd CSS istället.</td> </tr><tr><td>marginalbredd</td> <td>pixlar</td> <td>Används för att styra utfyllnadens bredd från innehållet till ramkanten. Är föråldrad. Använd CSS istället.</td> </tr><tr><td>src</td> <td>URL</td> <td>Anger dokumentets URL som ska visas i IFRAME.</td> </tr><tr><td>vspace</td> <td>pixlar</td> <td>Ställer in de vertikala marginalerna från ramen till det omgivande innehållet. Är föråldrad. Använd CSS istället.</td> </tr><tr><td>bredd</td> <td>pixlar %</td> <td>Definierar bredden på ramen på en HTML-sida.</td> </tr></tbody></table>Denna publikation är en översättning av artikeln " <iframe>", förberedd av det vänliga projektteamet Affiliate Iframe är en typ av reklam som inte på något sätt påverkar utseendet på din webbplats. Det vill säga, det kommer inga banners, popup-fönster eller andra irriterande fönsterbesökare. Du kommer att få exakt betalt för besökare på din webbplats. Det är därför önskvärt att närvaron är hög. Intäkterna beror också på var besökaren kom till dig (sökmotorer, bokmärken, etc.). Självklart betalar riktade besökare, det vill säga de som kom från sökmotorer, bäst. Det spelar också roll från vilket land besökaren kom. Låt oss titta på för- och nackdelarna med denna typ av reklam: Fördelar: <ol><li>Lätt att installera. Du behöver bara installera affiliatekoden på alla (eller inte alla) sidor på webbplatsen.</li> <li>Passiv inkomst. Det vill säga, för varje användare som besöker din webbplats kommer pengar att krediteras och du behöver inte göra någonting.</li> <li>Inga irriterande banderoller eller .</li> <li>Oftast accepteras vilken webbplats som helst.</li> <li>De tar emot trafik från ATS, autosurfing, axelboxar och så vidare.</li> <li>Remissprogram.</li> </ol>Minus: <ol><li>Virus. Vissa affiliate iframes (speciellt annonsörssajter) innehåller virus, men oftast kan du blockera en viral webbplats från ditt affiliatekonto.</li> <li>Omdirigeringar. Ibland förekommer omdirigeringar till porrsajter.</li> </ol>Lista över iframe affiliates: <ul><li>- det äldsta affiliateprogrammet i sitt slag och det bästa. Du kan förbjuda webbplatser som har virus. När du lägger till en ny webbplats råder jag dig också att inte markera rutan "Lägg upp resurser på min webbplats som inte har verifierats av moderatorer." Inkomsten kommer att bli mindre, men det kommer inte att finnas några virus, men om din webbplats skapades bara för att tjäna pengar, är det bättre att öka inkomsten. Trafikkostnad 0,50 - 0,70 $ per 1000 unika besök. Alla webbplatser accepteras. Jag anser att den största fördelen jämfört med andra liknande affiliateprogram är omedelbara betalningar på begäran, det vill säga du behöver bara beställa en betalning (det finns ingen minimilön) och den kommer inom en minut.</li> <li>— förutom iframe-annonsering finns det andra format, till exempel popunder. Betalning: clickunder - 1wmz för 1000 unika övergångar (alla länder utom Kina), popunder - 3wmz för 1000 unika övergångar från Ryssland och 0,8wmz för andra länder, dolda övergångar - 1wmz (alla utom Kina) och iframe - 0,5-1,5wmz per 1000 besökare (priset kan justeras). Minsta belopp för uttag är 3wmz på begäran inom 48 timmar. Automatiska utbetalningar fungerar på samma sätt. Remissprogram - 5%. Systemet har en ICQ-robot (88-25-28) som berättar om din statistik, övergångar osv.</li> <li>- gammalt iframe affiliate-program. De tar trafikens kvalitet och webbansvarigas aktivitet på största allvar. Om du inte är aktiv kan ditt konto raderas. För att din webbplats ska accepteras måste trafiken vara minst 100 besökare per dag. Minsta utbetalningsbelopp är $1. Betalning för 1000 unika - 0,7$ från Ryssland, 0,3$ från Ukraina, 0,25$ Vitryssland, 0,05$ annat.</li> </ul>Personligen samarbetar jag inte med iframe affiliate-program, men det är precis rätt för nybörjare. Hej kära läsare av bloggsidan. Idag ska vi prata om ramar i HTML. Det är klart att vi börjar från början, nämligen med vilken typ av djur detta är. Vi kommer också att prata om nuvarande (Frame) och framtida (Iframe) för dessa element i den nuvarande versionen av hypertextmarkeringsspråket och i den nya HTML 5-standarden med .I slutet av artikeln, efter en detaljerad beskrivning av processen för att skapa inbyggda ramar och deras klassiska struktur i HTML-kod (används redan sällan), kommer vi att beröra relevansen av att bygga en webbplats på dem, och även diskutera ev. sätt att använda dem under den aktuella tidsperioden med exemplet på min blogg.<h2>Vad är det och hur skiljer sig Iframe från Frame?</h2>Vad är det? Det visar sig att de inte bara kan användas på webbplatser utan också i alla applikationer till program, men de skiljer sig åt genom att fönstret på en webbsida eller applikation kommer att delas upp i flera områden, i vilka ett separat dokument laddas . Dessutom uppträder dessa ramområden oberoende av varandra.Det förmodligen mest uppenbara exemplet på deras användning, som nästan alla av er har stött på, är de så kallade hjälpfilerna som många program installerade på din dator har.<img src='https://i0.wp.com/ktonanovenkogo.ru/image/chto-takoe-freim.png' width="100%" loading=lazy loading=lazy>Filen med hjälpmenyn laddas i det vänstra fönstret och dokumentet som motsvarar det valda menyalternativet visas i det högra fönstret. Det är anmärkningsvärt att denna struktur låter dig undvika att ladda om filen med menyn i det vänstra fönstret när du öppnar ett nytt dokument i det högra. Det är precis vad den består av största fördelen med att använda ramar i HTML.Egentligen bör själva namnet på dessa element tolkas som ett oberoende fönster. Med hjälp av ramar har vi möjlighet att dela upp ett stort fönster i flera fragment, som i sin tur kan fungera som mottagare för separata dokument oberoende av varandra (sidor, texter, bilder, filmer etc.).Hur skapas en ramstruktur i hypertextmarkeringsspråk? Om vi pratar om Html 4.01-standarden (enligt klassificeringen), som är den viktigaste för närvarande, används tre element för detta - Frame, Frameset och Noframes.<h3>Iframe - inbyggd ram i HTML 5-standarden</h3>Om vi pratar om HTML 5-standarden (vår framtid, varav vissa element redan stöds av många webbläsare), kommer det inte att finnas några ram-, ram- och noframes-taggar, liksom den klassiska ramstrukturen; istället kommer det att finnas en enkel Iframe-tagg (inbäddad ram) , som vi kommer att prata om i början, och sedan riktar vi vår uppmärksamhet mot det klassiska schemat från version 4.01, som faktiskt används nu.Iframe, till skillnad från klassikerna som diskuteras nedan, kräver inte att Body-taggen ersätts med Frameset-taggar. De där. denna tagg kan infogas på vanliga sidor, till exempel i ett stycke eller någon annanstans. I sin kärna är detta element väldigt likt Img-taggen som vi redan har övervägt.Det är ett inline-element med utbytbart innehåll eftersom det beter sig precis som ett inline-element, men det visas externt innehåll. Det finns bara fyra sådana element i HTML-språket - Img, Iframe, Object och Embed. Därför antyder vår hjälte närvaron av en extern fil som kommer att laddas in i ett område vars storlek ställs in med hjälp av attributen för denna tagg.Den där. En iframe är ett sänkelement i vilket ett externt objekt (som en video) laddas in. Och för att ange sökvägen till denna fil, som ska laddas på sidan, använd det speciella Src-attributet. Men till skillnad från Img är Iframe-elementet parat, dvs. det finns också en avslutande tagg: Det här exemplet visar resultatet på en Youtube-videosida med hjälp av en iframe. För att begränsa området för ramen (fönstret) där den externa filen kommer att laddas, tillhandahålls attribut Bredd och höjd, vars värden anges i pixlar: De där. den här taggen skapar ett område där ett externt objekt laddas (det spelar ingen roll om det är från din webbplats eller från en annan resurs). Områdets bredd och höjd anges med Width och Height, och Src-attributet anger sökvägen till detta objekt.Iframe-elementet ärvde alla dessa attribut från liknande inline-taggar med ersatt innehåll (som Img som redan nämnts ovan). Jo, han tog också attribut från bilderna Hspace och Vspace, som låter dig ställa in indrag från ramens kanter till texten som omsluter den.Det är också betydelsefullt att justeringen av den inbyggda ramen utförs på exakt samma sätt som vi kunde se när vi studerade bilder i Html - . Alla likadana Justera, men för Iframe-taggen med möjliga värden Bottom, Top, Middle, Left och Right.Men detta element tog också flera attribut från Frame-taggen från den klassiska ramstrukturen, som vi kommer att prata om i detalj nedan i texten. Dessa attribut inkluderar Namn, vars värde kan användas som ett värde så att dokumentet du behöver när du klickar på en länk öppnas i fönstret i denna ram (läs mer nedan).Även i Iframe migrerade Frameborder-attributet från Frame-taggen, som bara har två värden - antingen 0 (ramen runt ramen visas inte) eller 1 (ramen är synlig). Standardvärdet är Frameborder=1, så för att ta bort det måste du ange Frameborder="0": Attributet Scrolling har också överförts från Frame till detta element, som har ett standardvärde på Auto - rullningslister i ramen kommer att visas efter behov när innehållet är större än storleken på fönstret som är avsett att visa det.Tja, attributen Marginwidth och Marginheight har också flyttats från Frame-elementet. De kommer att diskuteras i detalj nedan i texten, men i ett nötskal - de låter dig ställa in indraget i bredd och höjd från ramens kanter till innehållet som placeras i den.Som jag redan nämnt är ett tydligt exempel på att använda en iframe:<img src='https://i1.wp.com/ktonanovenkogo.ru/image/iframe-video.png' width="100%" loading=lazy loading=lazy>Genom att infoga en iframe direkt på en webbsida får du en utdata av en video från YouTube. Vi drar slutsatsen att detta element är en korsning mellan inline-element med utbytt innehåll och faktiskt klassiska ramar, som vi nu ska diskutera.<h2>Ramar baserade på ram- och ramuppsättningstaggar - deras struktur</h2>Så, att skapa en klassisk ramstruktur börjar med det faktum att du skriver i HTML-koden istället för den öppnande och avslutande Body-taggen, som vanligtvis ska finnas i alla dokument, och ersätter den med en elementbaserad behållare Ramuppsättning.Den grundläggande poängen är att Body-elementet inte kan användas i det här fallet - antingen Body (för ett vanligt dokument) eller Frameset (när du skapar en dokumentramstruktur):<img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201318-13-43.png' width="100%" loading=lazy loading=lazy>Varje ram som vi skapar inuti den huvudsakliga skapas med ett separat element Ram. Den här taggen är singel och i den anger vi sökvägen till dokumentet som ska laddas i det här fönstret.Det tredje elementet som vi ännu inte har berört är Inga ramar. Den är parad och låter dig skriva lite text inuti, som kommer att bearbetas av webbläsaren och visas på en webbsida endast om samma webbläsare (eller annan visningsenhet) inte stöder ramar. Detta kan till exempel hända om du använder en webbläsare för mobila enheter.Vanligtvis i Noframes lägger de inte bara till information om den aktuella situationen med omöjligheten att bearbeta ramstrukturen, utan lägger också till möjligheten att gå till andra sidor där du kan fortsätta arbeta utan att använda dem. Det är svårt att säga något annat om honom, så låt oss fortsätta.Det visar sig att Frameset-elementet, som används istället för Body-taggen, tar upp allt utrymme som tilldelats för visningsområdet, och ramar kommer att skapas inom detta område med hjälp av individuella Frame-element. I detta avseende uppstår frågan - hur man delar upp visningsområdet mellan separata fönster eller, med andra ord, hur man ställer in storleken på var och en av dem.Detta görs genom att lägga till lämpliga attribut till Frameset-elementet. Det finns två av dem - Kolor och rader. Cols anger uppdelningen av ett stort fönster i vertikala ramar eller kolumner, och Rows låter dig dela in det i horisontella fönster eller rader.<h3>Skapa en struktur baserad på Frameset och dess Cols and Rows-attribut</h3>Värdena för kol och rader i HTML Frameset-taggen är siffror separerade med kommatecken (utan mellanslag). Dessa siffror anger proportionerna för fönstren som vi vill få som ett resultat. Därför, oavsett hur många kommaseparerade nummer som skrivs i kolor eller rader, kommer antalet ramar vi har att bli resultatet.Med hjälp av denna notation får vi till exempel tre vertikala kolumner vars bredd kommer att motsvara proportionerna 2:5:3. <frameset cols="20%,50%,30%"> Eftersom vi har ställt in proportionerna för tre ramar måste vi inkludera tre ramelement mellan de öppnande och avslutande ramuppsättningstaggarna, även utan att ange ytterligare attribut:<img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201318-25-34.png' width="100%" loading=lazy loading=lazy>Som ett resultat kommer vår ramstruktur, bestående av tre tomma fönster, att se ut så här:<img src='https://i1.wp.com/ktonanovenkogo.ru/image/frame.png' width="100%" loading=lazy loading=lazy>I det här exemplet ställer vi in fönsterstorlekarna (Frame) med hjälp av procentsatser, som tas från bredden på visningsområdet (detta är fallet när du använder Cols) eller från dess höjd (rader). När du ändrar visningsporten kommer det procentuella förhållandet mellan bildstorlekarna att bibehållas. Men istället för procentsatser kan du också använda helt enkelt siffror som betyder. Här tycker jag att inga svårigheter att förstå heller ska uppstå.Men det finns också ett ganska ovanligt alternativ i storleksbeteckningarna, som ser ut asterisk "*". Dessutom kan det vara antingen bara "*" eller en asterisk med ett nummer framför, till exempel "3*". En fiffig sak som är väldigt lik procentsatser och gör att vi delar upp utrymmet för Ramen proportionellt.Låt oss titta på ett exempel. Låt oss nu välja att dela upp visningsporten i horisontella rader med hjälp av Rows: <frameset rows="200,500,*"> Vad betyder denna post? Hela visningsområdet som är tillgängligt för oss vertikalt kommer att delas upp i tre rader. Höjden på den första kommer att tas vid 200 pixlar, den andra - vid 500, men den tredje raden kommer att uppta allt återstående utrymme i höjden, eftersom "*" användes som dess storlek.Det som är anmärkningsvärt är att värdena "*" och "1*" betyder samma sak - vi delar upp allt återstående utrymme i ett och ger denna ena del till denna ram (ja, det vill säga allt återstående utrymme).Men se vad som händer om du använder värdet "*" med ett tal för att dividera i proportion: <frameset rows="2*,100,4*"> Vad tror du måtten på ramen blir i det här fallet? Det är klart att den andra raden definitivt kommer att ha en höjd på 100 pixlar. Men hur ska det återstående utrymmet fördelas på höjden mellan tredje och första raden?Det är ganska lätt att beräkna - lägg bara till fyra (4*) till två (2*) och dividera med denna nämnare (kom ihåg bråkdelar från skolans läroplan) två och fyra. De där. vi får att den första kolumnen med en ram kommer att ta upp en tredjedel av det återstående utrymmet på höjden, och den tredje kolumnen kommer att ta upp två tredjedelar. Eller, med andra ord, den tredje kommer att vara dubbelt så hög som den första:<img src='https://i2.wp.com/ktonanovenkogo.ru/image/17-08-201321-11-58.png' width="100%" loading=lazy loading=lazy><img src='https://i2.wp.com/ktonanovenkogo.ru/image/frameset.png' width="100%" loading=lazy loading=lazy>Du kan använda alla tre sätten att dimensionera ramfönster i ett attribut, till exempel: <frameset cols="10%,100,4*,3*,2*"> Som ett resultat kommer vi att få den första ramkolumnen med en bredd på tio procent av hela det tillgängliga området, den andra - 100 pixlar, och de återstående tre kommer att ha en bredd i proportionerna fyra, tre och två niondelar av återstående breddutrymme. Så allt är enkelt och tydligt.Om du vill dela upp huvudfönstret inte bara i horisontella och vertikala ramar, utan till exempel i deras kombinationer, kan du använda den kapslade strukturen av Frameset-element separat för kolumner och separat för rader. Till exempel, för att få strukturen som visas i skärmdumpen nedan, räcker det att använda följande konstruktion:<img src='https://i1.wp.com/ktonanovenkogo.ru/image/17-08-201321-15-19.png' width="100%" loading=lazy loading=lazy><img src='https://i2.wp.com/ktonanovenkogo.ru/image/freimy-v-html.png' width="100%" loading=lazy loading=lazy>De där. först använder vi "frameset cols="20%,80%"" för att dela upp allt tillgängligt utrymme i två kolumner vertikalt och ställa in innehållet i den högra kolumnen med taggen "frame", men istället för att lägga till ett "frame"-element för den vänstra kolumnen öppnar vi en ny "frameset rows="10%,*"".Och med hjälp av det delar vi upp den högra kolumnen i två rader med ramar, vars innehåll ställs in med två "frame"-taggar, varefter vi stänger båda "frameset"-behållarna. Allt är enkelt och logiskt.<h3>Ange sökvägen i Src-attributet för Frame-elementet</h3>Men vi pratade alla om Frameset-elementet och dess Cols and Rows-attribut, med hjälp av vilka vi formar strukturen och ställer in deras storlekar. Låt oss nu ta reda på hur man visar de nödvändiga dokumenten i de nödvändiga ramarna och hur man konfigurerar interaktionen mellan deras fönster.Så hur kontrollerar vi utseendet på fönstren vi skapar? Allt detta finns i attributen för Frame-taggen. Den första som är värd att nämna är Src. Vi har redan sett det i Img-taggen när vi tittade på att infoga bilder i HTML-koden. Dess väsen har inte förändrats och det låter dig fortfarande ange sökvägen till dokumentet som ska laddas i ramen.Sökvägen till dokumentet i Src kan anges som . Relativa sökvägar används vanligtvis för ett dokument som finns på din egen resurs, men du behöver absoluta sökvägar när du vill ladda ett dokument från en annan plats i ett ramfönster.Om Src-attributet som indikerar sökvägen till det önskade dokumentet inte anges, kommer ett tomt dokument att laddas in i fönstret. Personligen gjorde jag en gång en liknande sak för min blogg (som ett extra navigeringselement) och skapade samtidigt en separat mapp för den på värdservern och placerade där inte bara en HTML-fil med en ramstruktur (som jag kallade index .html), men också alla inlästa i olika dokumentfönster, samt bildfiler som användes som bakgrunder.Därför var det enklast för mig att använda relativa länkar i Src-attributet för Frame-taggen:<img src='https://i1.wp.com/ktonanovenkogo.ru/image/17-08-201321-23-15.png' width="100%" loading=lazy loading=lazy><img src='https://i0.wp.com/ktonanovenkogo.ru/image/freimy-eto.png' width="100%" loading=lazy loading=lazy>Det som är anmärkningsvärt är att om du ersätter alla länkar som anges i den här koden från relativ till absolut (som https://site/navigator/joomla.html) och öppnar den här filen i en webbläsare, så kommer dokumenten som anges i Frame att laddas från min server och du kommer att se en liknande bild i din webbläsare. Dessutom spelar det ingen roll var din fil med ramstrukturen (index.html) kommer att finnas - på din dator eller på webbhotellet.I exemplet som visas i figuren laddas en sida med en viss meny, som är en vanlig meny, in i fönstret i den vänstra ramen. Men det viktiga är inte hur menyn är utformad, utan vad som händer efter att man klickat på någon av dess länkar.Om du gör detta kommer allt att hända precis som det ska - dokumentet öppnas i det nedre högra fönstret. Men för detta var jag tvungen att använda ett litet knep, för i standardversionen öppnades dokumentet för hela fönstrets storlek och ersatte ramstrukturen, som jag inte behövde alls, eftersom navigeringsmenyn i de vänstra och övre ramarna försvann.<h2>Hur man öppnar dokument via en länk i en ram</h2>Så när vi pratade om hyperlänkar nämnde vi "A"-taggattributet som Target=_blank. Kommer du ihåg vad den är till för? Det är korrekt att öppna det länkade dokumentet i ett nytt fönster. Som standard bör den öppnas i samma fönster, vilket motsvarar target="_self".Men det här är möjligheter Målär inte begränsade. Det visar sig att du kan lägga till ett värde till det som ramnamn, som är fördefinierat i det speciella Name-attributet för Frame-taggen. Då öppnas inte dokumentet via den här länken i samma fönster, som upptar allt utrymme, utan i den ram du angav. Kusten är klar? Om inte helt, så kommer det att bli klart nu när vi analyserar exemplet.Så låt oss återgå till vårt exempel som visas i figuren precis ovan. Vi måste öppna sidor med länkar från det vänstra fönstret i den nedre högra (stora) ramen. Därför måste du först ge det här stora fönstret ett namn med hjälp av Name-attributet i Frame-taggen.<img src='https://i2.wp.com/ktonanovenkogo.ru/image/17-08-201321-32-09.png' width="100%" loading=lazy loading=lazy>De gjorde det och kallade det "ktona". Nu kan du säkert öppna filen som laddas som en meny i det vänstra fönstret och lägga till attributet Target="ktona" till alla A-taggar i den:Historien om Joomla och VirtueMart-komponentenNaturligtvis, med hjälp av sök- och ersätt-verktyget kommer det inte att vara svårt att sätta det för alla hyperlänkar, men varför ladda koden i onödan när vi har en stor möjlighet att använda speciell bastagg, som vi redan nämnde i samma artikel om hyperlänkar, när vi pratade om att använda Target blank.Det räcker med att placera baselementet target="ktona" mellan den öppnande och avslutande Head-taggen och alla länkar i HTML-koden för detta dokument kommer att öppna nya sidor i den angivna ramen som kallas "ktona":<img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201321-36-13.png' width="100%" loading=lazy loading=lazy>Förresten, om vi betraktar mitt en gång befintliga verktyg som ett exempel, måste vi fortfarande se till att alla länkar från det övre horisontella fönstret öppnar sina sidor i den vänstra vertikala ramen, som fungerar som min vänstra meny. Vad behöver göras för detta?Tja, först måste du ge den vänstra vertikala ramen ett namn:<img src='https://i2.wp.com/ktonanovenkogo.ru/image/17-08-201321-38-31.png' width="100%" loading=lazy loading=lazy>Och i filen som laddas i det översta fönstret (gor.html), måste du lägga till baselementet target="gor":<img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201321-40-02.png' width="100%" loading=lazy loading=lazy>Det var allt, nu har vi gjort allt rätt. Alla dokument som följer länkar från den övre ramen öppnas i det vänstra fönstret, och alla länkar från den öppnar dokument i den centrala och största ramen. Enligt min mening är allt enkelt och logiskt.<h3>Ramtaggattribut för att anpassa utseendet på fönster</h3>Låt oss nu se vilka andra attribut än Src och Name som kan användas i ramtaggen för att anpassa utseendet på ramar. Låt oss börja med Scrollar. Med den kan vi konfigurera visningen av rullningslister för varje fönster i din ramstruktur separat.Rullning har ett standardvärde på Auto - webbläsaren bestämmer automatiskt, baserat på storleken på dokumentet som laddas in i ramen, om en rullningslist ska visas eller inte. Om dokumentet inte passar helt in i fönstret visas en rullningslist som låter dig se allt till slutet.Du kan också använda värdena Ja (rullningslister i fönstret kommer alltid att visas, även om dokumentet passar helt in i det) och Nej (rullningslister kommer aldrig att visas alls, även om en del av dokumentet inte passar) som värden för rullning. <frame scrolling="yes" src="gor.html"> I mitt en gång existerande verktyg använde jag standardvärdet för Auto och rullningslister i ramar dök upp efter behov:<img src='https://i0.wp.com/ktonanovenkogo.ru/image/freim.png' width="100%" loading=lazy loading=lazy>Följande attribut för Frame-taggen är Noresize- är singel (den har inga värden). Genom att registrera den kommer du därmed att förbjuda att ändra dess storlek, vilket som standard görs genom att helt enkelt dra ramarnas kant med musen. <frame noresize src="gor.html"> När du flyttar muspekaren till gränsen kommer du att se att pekaren förvandlas till en dubbelhövdad pil och nu kan du, genom att klicka på vänster musknapp, flytta gränsen som du vill. Noresize lägger ett förbud mot denna egensinnighet (när du flyttar muspekaren till fönstrets kant kommer du inte längre att se den dubbelriktade pilen).<img src='https://i0.wp.com/ktonanovenkogo.ru/image/freimy.png' width="100%" loading=lazy loading=lazy>Ett annat visuellt attribut är Ramkant. Med den kan du ange om du vill rita en ram (kant) mellan ramar eller inte. Frameborder kan bara ha två möjliga värden - antingen 0 (rita inte en ram) eller 1 (visa en ram). Standardvärdet är naturligtvis 1.Det finns en subtilitet. Om du vill ta bort den synliga gränsen måste du lägga till Frameborder=0 till alla ramtaggar för ramarna mellan vilka du vill ta bort de synliga gränserna. <frame frameborder="0" src="gor.html"> <img src='https://i2.wp.com/ktonanovenkogo.ru/image/iframe-freim.png' width="100%" loading=lazy loading=lazy>Tja, vi måste fortfarande överväga ett par attribut för Frame-taggen - Marginalbredd och Marginalhöjd, som ställer in utfyllnaden i bredd (höger och vänster) och höjd (överst och neder) från fönstrets kanter till innehållet som laddas in i det (talet betyder antalet utfyllnadspixlar):<img src='https://i0.wp.com/ktonanovenkogo.ru/image/iframe-freimy.png' width="100%" loading=lazy loading=lazy><h2>Varför kan man inte göra en hemsida på ramar?</h2>Låt oss se vad den grundläggande nackdelen med klassiska strukturer är, vilket i huvudsak sätter stopp för deras användning när du skapar en webbplats. Den består i det faktum att enligt denna ramstruktur det är omöjligt att spåra hennes tillstånd.Komplexa strukturer kan ha tusentals olika tillstånd (varianter av dokument som öppnas i olika ramfönster), men URL-adressen för just denna struktur ändras inte. På grund av detta kommer det att finnas Kan inte använda webbläsarbokmärken eller skicka länkar till dina favoritsidor till andra användare. Varför?Eftersom adressen förblir oförändrad och när du öppnar den från dina webbläsares bokmärken, eller från ett e-postmeddelande, kommer du att få en sida med starttillståndet för ramstrukturen, och inte det tillstånd som du vill spara.Även om det här problemet naturligtvis kan lösas, men inte med HTML-verktyg, utan med hjälp av server (till exempel Php) eller klientprogrammeringsspråk (JavaScript), och dessa lösningar kommer inte att vara hundra procent effektiva. Sådana lösningar låter dig faktiskt lägga till ytterligare data om dess nuvarande tillstånd till ramstrukturens URL-adress, men detta är inte lätt att göra, och tillförlitligheten kommer inte att vara absolut.Detta är den första nackdelen med att använda ramar för att skapa webbplatser och en mycket betydande, men det finns en annan stor nackdel. Sökmotorer har naturligtvis länge lärt sig att indexera dem och extrahera adresserna till de dokument som är inlästa i deras fönster från dem. Problemet är ett annat.När en användare går från Yandex eller Googles sökresultat till din webbplats byggd på en ramstruktur, öppnas endast dokumentet som laddades in i en av ramarna och inte hela strukturen. Förstår du vad jag pratar om?Användaren kommer att se dokumentet och kommer inte att se navigering på din webbplats, eftersom det kommer att skyddas i andra fönster, och de laddas endast som en del av hela strukturen.Som ett resultat blir en webbplats byggd på ramar helt enkelt oanvändbar. Även om det återigen finns lösningar på detta problem baserade på serverskript, när en omdirigering kommer att utföras från adresserna till enskilda dokument till en ramstruktur som är i önskat tillstånd, men detta är återigen väldigt svårt och inte alltid tillförlitligt.I allmänhet kan slutsatsen dras entydigt - Det finns inget behov av att skapa webbplatser på ramar. Men de används ständigt för att skapa hjälp för olika applikationer, och de kan komma väl till pass i andra småsaker.Till exempel skapade jag en ramstruktur, som jag kallade "Navigator" (nu har den tagits bort tillfälligt) och som har blivit en slags utökad extern meny för min blogg, vilket, det verkar för mig, ska förenkla arbetet med resursen och därför förbättra "no nonsense" har ett mycket, mycket starkt inflytande på marknadsföringen av webbplatsen.Men, för att undvika problem med sökmotorer, stängde jag hela den här ramstrukturen från synen, och för säkerhets skull lade jag också till Rodots-metataggen till alla dess HTML-filer, vilket förbjöd indexering av dem: <head> <meta name="robots" content="noindex,nofollow"> <base target="ktona"> <meta charset="utf-8"> <title>JOOMLA</title> </head> Men alla dessa begränsningar gäller bara strukturer på Frame- och Frameset-taggarna, och inbäddade ramar på iframe-taggar inte har några synliga brister, och de kan och bör till och med användas på dina projekt, åtminstone för att infoga videor från YouTube. Lycka till! Vi ses snart på bloggsidans sidor<h3></h3>Du kanske är intresserad<img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/doctype.jpg' width="100%" loading=lazy loading=lazy>Kommentardirektiv och Doctype i HTML-kod, såväl som konceptet med block och inline-element (taggar) <img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/embed-object.jpg' width="100%" loading=lazy loading=lazy>Bädda in och objekt - Html-taggar för att visa medieinnehåll (video, flash, ljud) på webbsidor <img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/img.jpg' width="100%" loading=lazy loading=lazy>Img - Html-tagg för att infoga en bild (Src), justera och linda text runt den (align), samt ställa in bakgrunden (bakgrund) <img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/yazyk-html.jpg' width="100%" loading=lazy loading=lazy>Vad är hypertext markup language HTML och hur man visar en lista över alla taggar i W3C validator Välj, Alternativ, Textområde, Etikett, Fältuppsättning, Legend - Html-taggar för formen av rullgardinslistor och textfält <img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/html-spisok-vydelenie-abzats.jpg' width="100%" loading=lazy loading=lazy>Listor i HTML-kod - UL, OL, LI och DL-taggar <img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/formatirovanie-teksta-v-html.jpg' width="100%" loading=lazy loading=lazy>Teckensnitt (ansikte, storlek och färg), Blockquote och Pre-taggar - äldre textformatering i ren HTML (ingen CSS används) <img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/html-tegi.jpg' width="100%" loading=lazy loading=lazy>Hur färger ställs in i HTML- och CSS-kod, urval av RGB-nyanser i tabeller, Yandex-utgång och andra program Iframe- separat färdig dokumentera, som kan visas på olika platser på webbsidan. Använd lämplig tagg i dokumentet, a flytande ram, så att du kan ladda sidor eller filer från tredje part.Det är på denna idé som den bygger försäljningiframetrafik Och . Webbansvariga som tjänar pengar på webbplatser och tjänar pengar på har säkert stött på konceptet med en iframe trafik, men inte var och en av dem förstår helt vad det är och vad hemligheten är. Möjligheten att infoga en sida i en annan med hjälp av en ram gör att du kan uppnå effekten besöker flera webbplatser samtidigt, för när du öppnar en sida öppnas en annan direkt.I vissa fall används det dolt fönster, så att användarna inte ens vet att de också öppnar en annan webbplats. Denna struktur låter dig använda iframes för att effektivt och öka. Korrekt användning av metoden innebär inte brott mot reglerna för sökmotorer och specifika resurser. Bedragare kunde inte heller missa ett lovande tillfälle, på grund av vilket iframen används för distribution av skadliga skript och koder.Du kan skada din webbplats utan att veta om det, och att bli av med motsvarande märke i sökresultaten är mycket svårare än att undvika dess utseende. Det är därför vem som helst kan köpa iframe-trafik, men detta bör göras med största försiktighet. Således lyfter de fram tre huvudsakliga användningsområden ramkoncept: <ul><li>Spridning av virus genom att infektera webbläsaren;</li> <li>Fuska;</li> <li>Intäktsgenerering av webbplatsen genom affiliateprogram och utbyten.</li> </ul>iframe-teknik är efterfrågad verktyg. När användaren går in på webbplatsen laddar användaren också annonsörens resurs, som öppnas i ett mindre flytande fönster.Vanligtvis är detta block miniatyr och transparent för att inte orsaka obehag för besökare, men samtidigt ge vinst till webbansvarig. Vill du kontrollera om den valda domänen är tagen? Använd sedan de tjänster som beskrivs. Med hjälp av Webvisor kan du spåra användarbeteende på webbplatsen. Läs mer om denna tjänst på. <h2>jag ska köpaiframe-trafik till webbplatsen</h2> För att köpa trafik och andra optimeringsverktyg finns det särskilda utbyten. Det är bara viktigt att se till att marknadsföringen är så naturlig och diskret som möjligt, för att inte dra till sig uppmärksamhet från sökmotormoderatorer. Att köpa och sälja trafik är relevant endast för ägare av bra webbplatser som redan har marknadsförts på nätverket. När man arbetar med nya portaler, fly-by-night eller ensidiga webbplatser förvandlas en sådan prospekt bara till ett slöseri med tid och pengar. Fördelen med professionella utbyten i hög säkerhetsnivå. Administratörer blir försiktigt av med bedragare och skrupelfria projekt, vilket är särskilt viktigt när man arbetar med en så välkänd och enkel metod för att sprida virusprogram. Partnerskapsprogram affiliate programär ett slags iframe-trafikutbyte som låter dig genomföra köp- och försäljningstransaktioner direkt efter registrering och utan att behöva oroa dig för säkerheten. Betalningar görs dagligen eller med andra intervall, beroende på antalet unika besökare eller träffar. Skaffa trafik genom ett affiliateprogram gör att du kan öka din närvarostatistik avsevärt på kortast möjliga tid. Detta används framgångsrikt av optimerare som strävar efter hög sökranking. Det enda viktiga är att undvika överdrivet missbruk av tredjepartslänkar och bakgrundstrafik. För att effektivt tjäna pengar på iframes webbplatsen måste uppfylla flera krav: <ul><li>Ämnen Kanske några, men ju högre initial trafik till resursen är, desto bättre;</li> <li>Acceptabel användning och betalda värdar;</li> <li>För att uppnå snabbare resultat kan du registrera dig direkt hos flera affiliate-program;</li> <li>Om sajten inte marknadsförs tillräckligt är det bättre att kombinera användningen av ramar med andra typer av reklam och marknadsföringsverktyg, inklusive autosurfing, populära idag;</li> <li>För uttag av medel Olika betalningssystem används från affiliate-program, men du bör studera reglerna för det valda programmet i förväg för att avgöra om det finns ett minimibelopp eller andra begränsningar.</li> </ul><h2>Intäkter påiframe-reklam</h2> Det är uppenbart inkomster föriframereklam ganska enkelt, begripligt och helt verkligt. En annan fördel med denna metod är den relativt låga konkurrensnivån. <ul><li>HemsidaSjälvklart behöver du en funktionell, aktiv och intressant hemsida. Resurser med genomsnittliga eller högre poäng är bäst lämpade, eftersom de omedelbart är redo för vidare arbete. Vissa utvecklare skapar webbplatser specifikt för att tjäna pengar, men detta kräver högsta nivå av professionalism och kompetent optimering.</li> <li>Att välja ett affiliateprogramDet finns många affiliateprogram på marknaden, från vilka du behöver välja ett eller flera. Du bör inte gå till ytterligheter och missbruka antalet koder, eftersom detta kommer att sakta ner arbetet på huvudsidan.</li> <li>TrafikTraditionella metoder och optimering används för att locka besökare. Om du har ont om tid och har en budget kan du även vända dig till autosurfing och andra lösningar.</li> <li>VinstVinstmarginalen varierar beroende på många faktorer. Förutom antalet koder beror det också på trafikens kvalitet. Kostnaden för krediter skiljer sig åt för olika utbyten och affiliateprogram, så du kan självständigt jämföra flera alternativ och välja det mest lönsamma, vilket påverkar trafikarbitrage.</li> </ul>Arbeta med iframe-trafik – unikt sätt att främja och. Till minimal kostnad erbjuder den ganska breda möjligheter och framtidsutsikter som välförtjänt lockar optimerare och utvecklare. Hej alla! Jag har redan meddelat flera iFrame-partners, men vad betyder det? iFrame koncept eller iFrame-tagg, förblir ett mysterium för många. I den här artikeln ska jag försöka förklara vad detta betyder, varför det behövs och hur man tjänar pengar med iFrame. Begreppet iFrame kan definieras på följande sätt: på en webbplats laddas en eller flera webbplatser samtidigt i en ram eller, som det ofta sägs, i bakgrunden, så konceptet iFrame-trafik ofta kallad bakgrundstrafik. Vanligtvis är webbplatser som laddas i en ram inte synliga för användaren, eftersom bredden och höjden på ramen ofta är noll. Ibland kan en ram särskilt göras synlig genom att ställa in dess mått, till exempel en vanlig rektangulär banderoll. Den här koden kommer att se ut så här: <iframe src="http:/mysite.com" width="468" height="60">

Om du kopierar den här koden och klistrar in den på din webbplats kommer min blogg att laddas på din webbplats i en ram som är lika stor som en standardbanner, där bredd- rambredd lika med 468 pixlar, och höjd— ramhöjd lika med 60 pixlar. I trafikköp och säljbörser är höjden och bredden på ramen vanligtvis noll. iframe-tagg Det kan också kompletteras med andra variabler, men i den här artikeln kommer jag inte att överväga dem, eftersom exemplet ovan kommer att räcka för att bestämma och förstå vad iframe-taggen betyder och hur den fungerar.

Vad är en iframe-affiliate?

Iframe affiliate är ett utbyte för att köpa och sälja bakgrundstrafik. Efter enkel registrering på webbplatsen affiliateprogram för att köpa och sälja iframe-trafik En iframe-kod är tillgänglig för dig, som du kan infoga på din webbplats och börja tjäna pengar: vanligtvis betalas ett besök på din webbplats av en unik besökare inom 24 timmar på trafikens köp- och försäljningsbyte - värdar. Vissa börser betalar för träffar. Vanligtvis betalas en träff till ett pris som är halva kostnaden för värden.

Varför behöver du iframe-trafik?

Med hjälp av iframe-trafik ökar webbplatstrafiken ofta, och följaktligen kommer räkneindikatorerna att vara höga, men för att statistiska system inte ska misstänka dig för fusk och sökmotorer inte inför filter på din webbplats, är denna typ av trafik måste användas försiktigt - till en mängd av högst 5 % av den totala trafiken om du har . Det är också värt att veta att affiliateprogram för att köpa och sälja bakgrundstrafik kan innehålla webbplatser som innehåller skadlig kod eller en omdirigering. Ofta modererar administrationen av dessa utbyten webbplatserna, men ägarna av dessa webbplatser kan lägga till skadlig kod senare - detta är ett av de mest tillgängliga och billigaste sätten att distribuera virus i massor. Administrationen av vissa börser accepterar inte annonsörer och köper endast trafik till pålitliga resurser: ett exempel är utbyte mot att köpa och sälja bakgrundstrafik goldentraff. Vissa börser, som Safeframe eller Web-rom, har också ett trafikövervakningssystem för virus. Länkar till artiklar om dessa trafikutbyten finns i slutet av denna artikel.

Hur tjänar man pengar med iframe-trafik?

Intäkter på trafikköp och försäljning av börser definieras ofta som pengar ur tomma luften. Varför är det så? Det är ganska enkelt! Du har skapat en webbplats (ofta -), lagt till kod från en eller flera börser till den och drivit trafik till den. Trafik kan tas från surfsystem, autosurfing och besöksväxlingssystem - detta är den mest tillgängliga och billigaste trafikkällan. Du kan också använda andra trafikkällor: bannerannonsering, teaserannonsering, kontextuell reklam, etc. En annan populär trafikkälla för iframe-affiliates är trafik från aktiva reklamsystem (ADS). Låt mig påminna dig ännu en gång: koder med utbyte för att köpa och sälja iframe-trafik kan placeras tillsammans på en plats. På så sätt kommer du att öka din konvertering och därmed tjäna mer än du spenderar på att köpa trafik.