Waarschijnlijk is je doel om informatie over de browser van een gebruiker in te winnen?
Je zult dit dan ook aan de JavaScript-kant (client side) moeten regelen. Daar moet je de cookies aanmaken.
Vervolgens (na een page-refresh) heeft PHP (server side) beschikking over deze informatie. Doordat je deze informatie weer meestuurt met het request.
Ik kan wel een voorbeeldje in elkaar zetten hoe dit ongeveer in zijn werk gaat, maar mag ik vragen waar je dit voor wilt gebruiken? Is dit om keuzes te maken welke layout je toont? Tegenwoordig is daar dat hippe ding responsive design voor. Middels CSS kun je dan resolutie-breekpunten definiëren die bepalen hoe je pagina getoond wordt.
Of is dit voor iets heel anders bedoeld? Bijvoorbeeld het verzamelen van statistiek-gegevens ofzo?
Een alternatief is dat je rechtstreeks vanuit JavaScript een PHP script aanroept met in de URL de parameters (browserdata.php?width=X&height=Y&colordepth=Z), en dat je vervolgens een cookie set dat je deze informatie hebt binnengehaald. Dat is misschien een nettere oplossing.
Maar eerst is het misschien handig om te weten voor wat voor toepassing je deze informatie wilt gaan gebruiken.
Okay, browserdata/statistieken dus. Waarom gooi je die gegevens niet meteen in een database trouwens? Ben je vertrouwd met het jQuery (JavaScript) framework? Ik denk dat daarmee wel wat eenvoudigs te maken is, bijvoorbeeld dat je op grond van een cookie al dan niet een AJAX-call doet naar een scriptje. Vervolgens stelt dit script een cookie in zodat maar 1x per bezoek de gegevens gelogd worden, in plaats van elke pagehit.
Nee, ik ben niet bekend met jQuery maar we kunnen altijd bij leren.
1x Per bezoek de gegevens loggen in plaats van elke pagehit klinkt interessant.
Het zou mooi zijn als ik ook te zien krijg welke pagina's een bezoeker bezocht heeft en hoe lang de bezoeker op de site aanwezig is geweest, is dat met jQuery ook mogelijk.
Heb je een voorbeeld in je jQuery ?
Ik zal kijken of ik morgen iets eenvoudigs in elkaar kan zetten (en of het ook echt werkt zoals ik verwacht dat het doet ).
Als je meer statistieken wilt hebben: heb je Google Analytics al eens overwogen? Of een ander statistieken-verzamel-pakket? Die stukken functionaliteit zijn gespecialiseerd in het verzamelen van dat soort gegevens.
Ik ben niet echt thuis in GA (Google Analytics) maar gebruik het wel. Je kunt er volgens mij best veel mee, zo is het blijkbaar ook mogelijk om custom rapportages samen te stellen waar dus ook zaken als resolutie enzo in zitten.
Dat zou fantastisch zijn, ik ben zeer benieuwd en bij voorbaat mijn dank !
Ik weet dat Google Analytics bestaat, maar ik heb tijd genoeg om het zelf te analyseren en vind het erg leuk om zelf en/of met anderen een script te schrijven om zodoende de taal van het internet te leren.
Na het zien van de link blijf ik toch bij het bovenstaande, maar desalniettemin bedankt.
Thomas - 28/08/2015 12:30 (laatste wijziging 28/08/2015 12:32)
Moderator
Wat je in feite met de onderstaande code bereikt is dat je data vanuit JavaScript (die niet in PHP zelf beschikbaar is) doorgeeft aan PHP.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>stats test</title>
<!-- laad jquery extern in, dit gaat waarschijnlijk sneller als je lokaal een versie installeert -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- hulplibrary voor cookies, download de zip van https://github.com/js-cookie/js-cookie -->
<script type="text/javascript" src="js.cookie.js"></script>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
$().ready(function() {
// hebben we al data opgehaald voor deze sessie?
if (Cookies.get('data_collected') === undefined) {
// stuur AJAX request naar extern script die de data verder verwerkt
$.ajax({
'url': 'collect_data.php',
'method': 'GET',
// de data die je wilt versturen
'data': {
'screen_width': window.screen.width,
'screen_height': window.screen.height,
'color_depth': window.screen.colorDepth
},
// het type response wat je verwacht
'dataType': 'JSON',
// functie die uitgevoerd moet worden na succesvolle aanroep
'success': function(data) {
if (data.success) {
alert('[debug] alle gegevens correct ontvangen');
// set cookie
Cookies.set('data_collected', 'hallo');
} else {
alert('[debug] er ging iets mis bij het verwerken van de gegevens');
}
}
});
} else {
// extra check
alert('[debug] gegevens reeds opgehaald voor deze sessie');
}
});
//]]>
</script>
</body>
</html>
<?php
// geef aan dat het "response type" JSON is
header('Content-Type: application/json; charset=UTF-8');
// hulpfunctie
function isNumber($in) {
if (preg_match('#^[1-9][0-9]*$#', $in) == 1) {
return (int) $in;
}
return false;
}
// onderwerp je invoer aan een stricte controle
$ok = false;
$screenWidth = false;
$screenHeight = false;
$colorDepth = false;
if (isset($_GET['screen_width'])) {
$screenWidth = isNumber($_GET['screen_width']);
}
if (isset($_GET['screen_height'])) {
$screenHeight = isNumber($_GET['screen_height']);
}
if (isset($_GET['color_depth'])) {
$colorDepth = isNumber($_GET['color_depth']);
}
if ($screenWidth !== false && $screenHeight !== false && $colorDepth !== false) {
$ok = true;
}
// sla hier je gegevens op, je zou hier ook nog je user agent aan toe kunnen voegen enzo via $_SERVER variabelen
if ($ok) {
// ... doe iets met al je data, bijvoorbeeld opslag in een database ...
}
// rapporteer status terug
echo json_encode(array(
'success' => $ok,
// optioneel kun je ook nog terugrapporteren wat je ontvangen hebt
/*
'data' => array(
'width' => $screenWidth,
'height' => $screenHeight,
'depth' => $colorDepth,
),
*/
));
?>
Klopt het als ik zeg dat ik, "index.htm" kan invoeg in mijn bestaande index.php op de betreffende platsen zijnde de "Head" en "Body" of kan ik dit ook op roepen met een "include" na dat ik eerst
"index.htm" een andere naam heb gegeven ?
En dat ik "collect_data.php" kan oproepen met een "include" in iedere page daar waar ik de gegevens nodig heb ?
Thomas - 30/08/2015 15:36 (laatste wijziging 30/08/2015 15:38)
Moderator
Het enige wat je hoeft te doen om een opgevraagde pagina (eenmalig per bezoek / "sessie") te laten analyseren is:
1. het invoegen van de jquery-library en die cookie-library (download deze laatste als zip, pak het bestand uit en zet het js-bestand in je site) in het head-gedeelte van je pagina's
2. de javascript snippet, zet deze bij voorkeur aan het einde van je broncode, net voor je </body> tag, buiten enige andere tag.
Daarnaast zul je zelf collect_data.php af moeten schrijven, bijvoorbeeld in de vorm van het uitvoerne van een query die e.e.a. in een database opslaat.
collect_data.php is een standalone script, dus deze include je nergens - deze roep je aan via JavaScript, dat is de hele crux van deze oplossing - je geeft informatie door vanuit JavaScript aan een PHP-script zodat je hier aan de serverzijde de beschikking over hebt.
Op alle pagina's waar je een sessie/bezoek wilt registreren zet je beide (zowel je javascript bestanden als het snippet) - deze werken samen om je clientside-data (via JavaScript) door te sturen naar je server (het PHP-script).
Dus op alle pagina's waar iemand binnen kan komen - meestal lijkt mij dit de homepage, tenzij iemand een andere pagina gebookmarked heeft.
De opzet is zodanig dat alleen op de binnenkomstpagina gegevens worden opgepikt, daarna wordt een cookie geset wat de rest van de sessie (de duur dat de browser(tab) open is) geldig blijft.
Als je je site een beetje handig hebt opgezet heb je één of enkele maintemplates - een soort van document-sjabloon waar je een aantal/een hoop/alle van je (dynamische) webpagina's aan ophangt. Je hebt hopelijk niet evenveel HTML/PHP-documenten waarin een volledig HTML-document staat als dat je uiteindelijk HTML-pagina's hebt wel?
Maar het terug krijgen van de data op een andere page lukt me niet.
Thomas - 11/09/2015 14:37 (laatste wijziging 11/09/2015 15:08)
Moderator
Even een aantal zaken om mogelijke misverstanden op te helderen:
Aan de ene kant van de internetlijn staat jouw PC, met daarop een besturingssysteem met daarin een browser, waarmee je een webpagina opvraagt.
Aan de andere kant van de internetlijn staat een webserver. Deze luistert naar verzoeken voor het opvragen van webpagina's. Als er een verzoek binnenkomt bakt de webserver -waarbij eventueel PHP-code wordt uitgevoerd- hier een webpagina van (in HTML) en stuurt deze terug naar de gebruiker.
Javascript wordt op jouw PC uitgevoerd.
Cookies staan op jouw PC.
Als je een webpagina opvraagt waar eerder cookies zijn ingesteld dan worden deze cookies mee (terug)gestuurd naar de webserver.
Als je middels JavaScript een cookie instelt dan staat lokaal een cookie ingesteld, maar is deze nog niet eerder naar de webserver (terug)gestuurd. Dit gebeurt pas op het moment je de pagina ververst. Voor dat moment heeft de webserver deze informatie nog niet terugontvangen.
EDIT: Daarnaast worden cookies normaal op directory basis (binnen een website) ingesteld. Als jij op pagina /lala.html een cookie set, is deze niet beschikbaar op een andere pagina in een andere directory (/directory/lala2.html). Als jij cookies geldig wilt laten zijn op het hele (sub)domein, dan moet je een path-argument toevoegen aan het cookie met waarde "/", dit wil zoveel zeggen als "op heel het (sub)domein geldig". De standaard instelling is "enkel in deze directory geldig", dus als je daar niets aan instelt is het cookie niet bekend op pagina's in andere directories.
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
).
Actiefste leden van de maand
