Merge pull request #8 from stife/codex/insights-im-facebook-manager-anzeigen

Add insights feature

Author: stife

README.md

@@ -21,4 +21,4 @@ Version 0.224.1
 
 ## Facebook Page Management
 
-A simple web interface to manage the Facebook page **"Techno auf den Augen"** is included in the [`facebook-manager`](./facebook-manager) directory. It relies on Express and the built-in Node.js `fetch` API to list and create posts.
+A simple web interface to manage the Facebook page **"Techno auf den Augen"** is included in the [`facebook-manager`](./facebook-manager) directory. It relies on Express and the built-in Node.js `fetch` API to list and create posts and display basic page insights.

facebook-manager/README.md

@@ -18,12 +18,13 @@ This is a lightweight web interface for managing the Facebook page **"Techno auf
    ```bash
    npm start
    ```
-4. Open `http://localhost:3000` in your browser to manage posts.
+4. Open `http://localhost:3000` in your browser to manage posts and view insights.
 
 ## Features
 
 - Anzeige der letzten Posts
 - Veröffentlichen neuer Beiträge
+- Anzeigen der wichtigsten Page Insights
 - Verstellbare API-Version über `API_VERSION`
 
 Das Projekt basiert auf Node.js mit Express und nutzt den integrierten `fetch`-Support.

facebook-manager/public/index.html

@@ -18,6 +18,9 @@ <h1>Facebook Page Manager</h1>
   <h2>Recent Posts</h2>
   <ul id="posts"></ul>
 
+  <h2>Page Insights</h2>
+  <ul id="insights"></ul>
+
   <script>
     async function loadPosts() {
       const res = await fetch('/api/posts');
@@ -43,9 +46,26 @@ <h2>Recent Posts</h2>
       });
       document.getElementById('message').value = '';
       loadPosts();
+      loadInsights();
     });
 
+    async function loadInsights() {
+      const res = await fetch('/api/insights');
+      const data = await res.json();
+      const list = document.getElementById('insights');
+      list.innerHTML = '';
+      if (data.data) {
+        data.data.forEach(metric => {
+          const item = document.createElement('li');
+          const value = metric.values && metric.values[0] ? metric.values[0].value : 'N/A';
+          item.textContent = `${metric.title}: ${value}`;
+          list.appendChild(item);
+        });
+      }
+    }
+
     loadPosts();
+    loadInsights();
   </script>
 </body>
 </html>

facebook-manager/server.js

@@ -49,6 +49,20 @@ app.post('/api/posts', async (req, res) => {
   }
 });
 
+app.get('/api/insights', async (req, res) => {
+  const metrics = 'page_impressions,page_engaged_users';
+  try {
+    const response = await fetch(`${GRAPH_URL}/${PAGE_ID}/insights?metric=${metrics}&access_token=${ACCESS_TOKEN}`);
+    const data = await response.json();
+    if (!response.ok) {
+      return res.status(response.status).json(data);
+    }
+    res.json(data);
+  } catch (e) {
+    res.status(500).json({ error: 'Failed to fetch insights', details: e.message });
+  }
+});
+
 const PORT = process.env.PORT || 3000;
 app.listen(PORT, () => {
   console.log(`Facebook manager running on port ${PORT}`);