<?php
/**
* This file creates a static page for crawlers such as Facebook or Twitter bots that cannot evaluate JavaScript.
*
* Created by PhpStorm.
* User: Michael
* Date: 30/06/14
* Time: 14:31
*/
$SITE_ROOT = "http://example.com/"; //Cambiarlo por el sitio de producción (debe llevar / al final)
$JSON_DEFAULT = "este-es-uno-de-mis-archivos.json";archivos"; //Archivo json usado si el formato de id es incorrecto
$jsonData = getData($SITE_ROOT);
makePage($jsonData, $SITE_ROOT);
function getData($siteRoot) {
global $JSON_DEFAULT;
$id = $_GET['id'];
if (!preg_match('/\A[-._a-z0-9]+\z/i', $id)) {
$id = $JSON_DEFAULT; // Algún archivo json en caso de que el formato de id sea incorrecto
}
$rawData = file_get_contents($siteRoot.'json-files/'.$id.'.php');
return json_decode($rawData);
}
function makePage($data, $siteRoot) {
$imageUrl = $siteRoot . $data->image;
$pageUrl = $siteRoot . "url-example/" . $data->id;
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title><?php echo $data->title; ?></title>
<!-- Twitter summary card metadata -->
<meta property="twitter:card" content="summary" />
<meta property="twitter:site" content="@michlbrmly" />
<meta property="twitter:title" content="<?php echo $data->title; ?>" />
<meta property="twitter:description" content="<?php echo $data->description; ?>" />
<meta property="twitter:image" content="<?php echo $imageUrl; ?>" />
<meta property="twitter:url" content="<?php echo $pageUrl; ?>" />
<!-- Facebook, Pinterest, Google Plus and others make use of open graph metadata -->
<meta property="og:title" content="<?php echo $data->title; ?>" />
<meta property="og:description" content="<?php echo $data->description; ?>" />
<meta property="og:image" content="<?php echo $imageUrl; ?>" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="My Favourite Albums" />
<meta property="og:url" content="<?php echo $pageUrl; ?>" />
</head>
<body>
<p><?php echo $data->description; ?></p>
<img src="<?php echo $imageUrl; ?>">
</body>
</html>
<?php
}
Se debe reemplazar
http://example.com/
por la url del sitio de producción.Se debe reemplazar
este-es-uno-de-mis-archivos.json
por el archivo JSON (sin la extensión.json
) que se utilice cuando el id tenga un formato incorrecto.Si no se está usando
mod_proxy
, cambiar esta línea del .htaccessRewriteRule ^url-example/([-._a-z0-9]+)$ http://example.com/static-page.php?id=$1 [NC,P]
por la línea sin la opción
P
RewriteRule ^url-example/([-._a-z0-9]+)$ http://example.com/static-page.php?id=$1 [NC,L]
Este redireccionamiento sólo ocurre cuando es visitado por un crawler de redes sociales. En caso de que se quiera probar desde un navegador, comentar la 5ta línea del .htaccess.
La estructura del sitio debería ser:
http://example.com/ ├── json-files/ │ ├── images/ │ │ ├── imagen-01.jpg │ │ ├── otra.png │ │ └── una_mas.gif │ ├── este-es-uno-de-mis-archivos.json │ ├── otro_json.de-imagenes.json │ └── se-entiende.json ├── .htaccess └── static-page.php
Ejemplo de url:
http://example.com/url-example/este-es-uno-de-mis-archivos.json