Deel opties

Vrijwel alles wat er te vinden is op AppWereld mag gedeeld worden, mits er een bronvermelding bij komt. Naast sociale media is het ook mogelijk om direct enkele functies op uw eigen site te plaatsen. Hieronder de opties:

• - Top 25 insluiten - via iframe (aanbevolen breedte: 230px+, keuze uit 8 verschillende lijsten)
• - App insluiten - via iframe (aanbevolen breedte: 530px+)

Binnenkort meer mogelijkheden! Suggesties zijn uiteraard welkom.

top

Top 25 insluiten

De top 25 is smal en in een neutraal grijs jasje gehouden. Dit zorgt er voor dat het bij vrijwel elke style website past en maakt het ideaal om in een balk aan de zijkant van uw site of meerdere als artikel naast elkaar te plaatsen. Lijsten de juiste titel geven in de style van uw site is aan u. De lijsten worden ongeveer 8x per dag bijgewerkt en zijn dus vrijwel altijd bij de tijd.

Om bijvoorbeeld de top 25 betaalde iPhone games (meer) op uw site te plaatsen kunt u de volgende insluit code gebruiken:

<iframe src="http://www.appwereld.nl/share/charts/top-betaalde-iphone-games/" width="260" height="2670" frameborder="0"></iframe>

Of de waardes via een inline-style om een pagina gevalideerd te houden (afhankelijk van uw DOCTYPE):

<iframe src="http://www.appwereld.nl/share/charts/top-betaalde-iphone-games/" style="width:260px;height:2670px;border:0;"></iframe>

En het resultaat, de top 25 betaalde iPhone games:

De volledige lijst met mogelijk in te sluiten top 25 lijsten:

• - Gratis iPhone games: src="http://www.appwereld.nl/share/charts/top-gratis-iphone-games/"
• - Gratis iPhone apps: src="http://www.appwereld.nl/share/charts/top-gratis-iphone-apps/"
• - Betaalde iPhone games: src="http://www.appwereld.nl/share/charts/top-betaalde-iphone-games/"
• - Betaalde iPhone apps: src="http://www.appwereld.nl/share/charts/top-betaalde-iphone-apps/"
• - Gratis iPad games: src="http://www.appwereld.nl/share/charts/top-gratis-ipad-games/"
• - Gratis iPad apps: src="http://www.appwereld.nl/share/charts/top-gratis-ipad-apps/"
• - Betaalde iPad games: src="http://www.appwereld.nl/share/charts/top-betaalde-ipad-games/"
• - Betaalde iPad apps: src="http://www.appwereld.nl/share/charts/top-betaalde-ipad-apps/"

Een actief voorbeeld is te vinden op TalkAboutApps. Hier zijn de top gratis en betaalde iPhone apps met een breedte van 285px naast elkaar geplaatst via een simpele <div> met een <strong> titel.
De gebruikte code:

<div style="float:left;width:285px;"><strong>Top Gratis Apps</strong><div> <iframe src="http://www.appwereld.nl/share/charts/top-gratis-iphone-apps/" width="285" height="2670" frameborder="0" scrolling="no"></iframe> </div></div> <div style="float:left;width:285px;"><strong>Top Betaalde Apps</strong><div> <iframe src="http://www.appwereld.nl/share/charts/top-betaalde-iphone-apps/" width="285" height="2670" frameborder="0" scrolling="no"></iframe> </div></div>

En zo zijn ook andere combinaties mogelijk, bijvoorbeeld iPhoneladerkopen.nl met gratis apps en games!
Voor vragen en opmerkingen kunt u contact opnemen.

top

App insluiten

Een app op uw pagina plaatsen kan ook eenvoudig zijn. Op elke app pagina is een "delen" knop te vinden, zodra u daarop klikt komt er een verborgen gedeelte van de site tevoorschijn waarin de QR code, extra sociale media opties en een text gedeelte met insluit code te vinden zijn. Bijvoorbeeld de app Cut the Rope heeft de volgende insluit code:

<iframe src="http://www.appwereld.nl/share/380293530" width="100%" height="auto" frameborder="0" scrolling="no"></iframe>Via <a href="http://www.appwereld.nl/app/cut-the-rope/380293530">AppWereld</a>

De code zoals het er staat, afhankelijk van de breedte van het element waar het in geplaatst wordt, komt er als volgt uit te zien:

Het is mogelijk om de breedte en hoogte aan te passen naar keuze. Ook is het mogelijk om, afhankelijk van de DOCTYPE waar uw site op gebaseerd is, deze waardes er op een andere manier in te verwerken, bijvoorbeeld via inline-style of extra regels in een CSS bestand, om zo de pagina gevalideerd te houden. Voorbeelden van iframe via CSS in het algemeen en een inline-style:

CSS: iframe { width:100%;height:auto;border:0; }
Inline-style: style="width:100%;height:auto;border:0;"

De CSS optie maakt het mogelijk de volgende html te verwijderen terwijl de inline-style optie als vervanging hiervan dient. In andere woorden, de volgende code is overbodig gemaakt:

width="100%" height="auto" frameborder="no"

Het is aanbevolen om scrolling="no" in de code te laten wanneer er geen gebruik wordt gemaakt van een vastgesteld formaat.
Een voorbeeld van een enigszins aangepaste en HTML5 gevalideerde insluiting:

De gebruikte code:

<iframe src="http://www.appwereld.nl/share/380293530" style="width:530px;height:130px;border:0;"></iframe>

Voor vragen en opmerkingen kunt u contact opnemen.