Discussion :

[jeicko]

Bonjour à tous,


J'essaie de faire une gymnastique qui me fait tourner la tête.. Je vais essayer d'être clair.

Sur mon site, j'ai une animation ludique en JS qui propose de "gagner" de manière aléatoire un dossier zip contenant des choses en lien avec le thème de mon site.

J'ai 2 articles, dans chaque article je propose 3 dossiers zip, donc 6 au total.

Voici comment se présente mon code HTML pour 3 de ses dossiers :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<div class="hasard-choix anim-f">
   <a href="#">
      <svg width="63.8" height="63.6" viewBox="0 0 63.8 63.6" xmlns="http://www.w3.org/2000/svg" version="1.1"
         preserveAspectRatio="xMinYMin">
         <use xlink:href="#img-question"></use>
      </svg>
      <svg width="63.8" height="63.6" viewBox="0 0 63.8 63.6" xmlns="http://www.w3.org/2000/svg" version="1.1"
         preserveAspectRatio="xMinYMin">
         <use xlink:href="#img-question"></use>
      </svg>
      <svg width="63.8" height="63.6" viewBox="0 0 63.8 63.6" xmlns="http://www.w3.org/2000/svg" version="1.1"
         preserveAspectRatio="xMinYMin">
         <use xlink:href="#img-question"></use>
      </svg>
   </a>
</div>

Ici, les liens dans mon fichier JS :

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
const ar_liens = ["images/test1.zip", "images/test2.zip", "images/test3.zip"];
const ar_liens2 = ["images/test4.zip", "images/test5.zip", "images/test6.zip"];

Jusque là, pas de problème. Là ou ça se complique, c'est que je souhaite voir la popularité des téléchargements, donc j'ai crée une petite interface administrateur sur mon site, qui me permettrait de compter le nombre de clics sur mes liens. :


(Les "0" sont le nombre de clic sur les liens)


Pour tester que tout fonctionnait correctement avant d'integer le tout à mon animation JS j'ai mis des simples liens dans mon code HTML en dehors de mon animation, comme ceci :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<a href="click.php?id=1">1</a>
<a href="click.php?id=2">2</a>
<a href="click.php?id=3">3</a>
<a href="click.php?id=4">4</a>
<a href="click.php?id=5">5</a>
<a href="click.php?id=6">6</a>

Tout fonctionne, c'est comptabilisé dans ma base de donnée ainsi que dans ma page d'administration.

BDD :


(Tout est à 0 pour l'exemple)

Mon problème :

J'ai essayé plusieurs façons de faire mais je n'arrive pas à "fusionner" mon test :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<a href="click.php?id=1">1</a>
<a href="click.php?id=2">2</a>
<a href="click.php?id=3">3</a>
<a href="click.php?id=4">4</a>
<a href="click.php?id=5">5</a>
<a href="click.php?id=6">6</a>

avec ma version finale :

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
const ar_liens = ["images/test1.zip", "images/test2.zip", "images/test3.zip"];
const ar_liens2 = ["images/test4.zip", "images/test5.zip", "images/test6.zip"];

Est-ce que quelqu'un saurait comment procéder ?

J'espère ne pas avoir été trop confus.

[tag9724]

Si j'ai bien saisit tu aimerais que ton compteur de téléchargements se fasse quand un utilisateur ouvre un lien testX.zip ?

Si oui il suffirais en PHP de faire une page qui renvoie elle même le zip, par exemple une page telecharger.php?zip=1 qui enregistrera les statistiques puis renverras le fichier ( soit en redirigeant vers le zip ou en lançant le téléchargement directement ).

Une autre solution moins idéale serais d'effectuer une requête Ajax vers le lien click.php?id=1 puis seulement ensuite lancer le téléchargement du fichier.

[jeicko]

Merci de m’avoir répondu si rapidement.

Si j'ai bien saisit tu aimerais que ton compteur de téléchargements se fasse quand un utilisateur ouvre un lien testX.zip ?

Oui c’est ça.

par exemple une page telecharger.php?zip=1 qui enregistrera les statistiques puis renverras le fichier ( soit en redirigeant vers le zip ou en lançant le téléchargement directement ).

Hum, je crois que ça dépasse mes compétences.. Il n’y a aucun moyen d’intégrer directement les ID dans mon animation JS ?

[tag9724]

Tu as déjà ton code en PHP qui enregistre le nombre de clicks sur les pages click.php?id=X il suffit juste que quand un utilisateur visite une des pages click.php ça le redirige vers le lien testZipX.zip.

Le code en PHP de click.php devrais ressembler à quelque chose comme ça donc :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<?php
// Récupère le numéro du zip dans l'url
$id = $_GET["id"];
 
// Enregistre le nombre de téléchargements dans la BDD
enregistrerStatistiques( $id );
 
// Redirige vers le fichier zip ( "testZip1.zip" )
header('Location: /testZip'.$id.'.zip');
exit;

1. L'utilisateur ouvre /click.php?id=1
2. Le code en PHP enregistre les statistiques
3. Le code en PHP redirige l'utilisateur vers /zipTest1.zip

Comme dit précédemment en l'état avec juste du Javascript il faudra effectuer une requête vers click.php?id=1 pour avoir les statistiques, puis seulement après ouvrir testZip1.zip.

Ce n'est pas impossible en soit tu pourrais effectuer une requête Ajax vers click.php et en parallèle ouvrir testZip.zip dans un nouvel onglet ou en utilisant l'attribut download sur ta balise <a download href="testZip1.zip">.

[jeicko]

Tu as déjà ton code en PHP qui enregistre le nombre de clicks sur les pages click.php?id=X

Je ne sais pas si on est sur la même longueur d'onde ^^ ou alors je n'y comprends vraiment plus rien.. (dsl je suis novice en JS/PHP)

Je te propose de te montrer l'essentiel de mon code, si jamais tu me confirmes ta proposition précédente, je vais continuer de persister pour comprendre.

(Le but étant de faire en sorte que le compteur de téléchargement soit actif dans mon animation JS)

HTML et JS : https://codepen.io/jeicko/pen/BaWGByL

administration.php :

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?php
error_reporting(0);
include ("click-config.php");
?>
 
 
 
                <?php
$sql = "SELECT * FROM " . $SETTINGS["data_table"] . " ORDER BY clicks DESC";
$result = $mysqli->query($sql) or die('request "requete SQL impossible" ' . $sql);
if ($result->num_rows > 0)
{
    while ($row = $result->fetch_assoc())
    {
?>
 
                       <a href="<?php echo $row["url"]; ?>" target="_blank"><?php echo $row["url"]; ?></a>
                            <?php echo $row["clicks"]; ?>
 
                        <?php
    }
}
else
{
?>
                <p>Auncuns résultats trouvés</p>
                    <?php
}
?>

click.php :

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
 
error_reporting(0);
include ("click-config.php");
 
// obtenir les détails du lien en fonction de l'ID
$sql = "SELECT * FROM " . $SETTINGS["data_table"] . " WHERE id='" . intval($_REQUEST["id"]) . "'";
$result = $mysqli->query($sql) or die('request "requete SQL impossible" ' . $sql);
 
// vérifier si l'identifiant du lien existe
if ($result->num_rows > 0)
{
 
    $lien = $result->fetch_assoc();
 
    // augmente le nombre de clic d'1
    $sql = "UPDATE " . $SETTINGS["data_table"] . " SET clicks=clicks+1 WHERE id='" . intval($_REQUEST["id"]) . "'";
    $mysqli->query($sql) or die('request "requete SQL impossible" ' . $sql);
 
    header("Location: " . $lien["url"]);
 
}
else
{
 
    echo "Le lien est manquant";
 
}
 
?>

click-config.php :

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php
 
$SETTINGS["mysql_user"] = '***';
$SETTINGS["mysql_pass"] = '***';
$SETTINGS["hostname"] = '***';
$SETTINGS["mysql_database"] = '***_telechargements';
$SETTINGS["data_table"] = 'telechargements';
 
$mysqli = new mysqli($SETTINGS["hostname"], $SETTINGS["mysql_user"], $SETTINGS["mysql_pass"], $SETTINGS["mysql_database"]);
/* Je verifie la connexion */
if (mysqli_connect_errno())
{
    printf("Connect failed: %s\n", mysqli_connect_error());
    exit();
}
?>

Merci pour ta patience

[tag9724]

Si j'ai bien compris donc tu cherche à :

• Afficher a l'utilisateur une page contenant une liste de .zip téléchargeables avec le nombres de téléchargements totals effectués pour chacun d'entre eux.
• A chaque téléchargement d'un .zip mettre à jour le nombre de fois que celui-ci a été téléchargé dans la BDD

Je crois comprendre qu'un de tes soucis est de savoir comment afficher le nombre de téléchargements avec l'animation ou plutôt après l'animation ?
Est-ce que tu voudrais afficher le nombre de fois que le zip a été téléchargé s'affiche après l'animation par exemple ?



Ou est-ce que tu voudrais que sous chacune des icones le nombre de téléchargements soient affichés ?

Pour ce qui est de la seconde problématique à savoir mettre à jour la BDD a chaque téléchargement du .zip la solution déjà donnée qui consiste a modifier le lien click.php pour rediriger l'utilisateur vers le fichier zip fonctionnerais.

En gros dans click.php à la ligne 20 il faudrais que la ligne :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

    header("Location: " . $lien["url"]);

Soit remplacée pour que la redirection se fasse vers le lien du fichier .zip,

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

    header("Location: /images/test" . $_REQUEST["id"] . ".zip");

Il faudra aussi remplacer les liens vers les fichiers zip dans le JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
      const ar_liens = ["images/test1.zip", "images/test2.zip", "images/test3.zip"];
      const ar_liens2 = ["images/test4.zip", "images/test5.zip", "images/test6.zip"];

Par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
      const ar_liens = ["click.php?id=1","click.php?id=2","click.php?id=3"];
      const ar_liens2 = ["click.php?id=4","click.php?id=5","click.php?id=6"];