Agente AI con Gemini<\/title>\r\n <style>\r\n body { font-family: Arial, sans-serif; padding: 20px; background: #f4f4f4; }\r\n .chat-box { background: white; border-radius: 8px; padding: 20px; max-width: 600px; margin: auto; box-shadow: 0 0 10px rgba(0,0,0,0.1); }\r\n .messages { height: 300px; overflow-y: auto; margin-bottom: 15px; border: 1px solid #ccc; padding: 10px; }\r\n .message { margin-bottom: 10px; }\r\n .user { font-weight: bold; color: #3366cc; }\r\n .ai { color: #009688; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"chat-box\">\r\n <h2>\ud83e\udd16 Asistente digital<\/h2>\r\n <div class=\"messages\" id=\"chat\"><\/div>\r\n <form id=\"chatForm\">\r\n <input type=\"text\" id=\"userInput\" placeholder=\"Escribe tu pregunta...\" required style=\"width: 80%; padding: 10px;\">\r\n <button type=\"submit\" style=\"padding: 10px;\">Enviar<\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n <script>\r\n const API_KEY = 'AIzaSyDGPo6S9qr6wLsMKRHyVbecJrZc35-1yUs'; \/\/ Reemplaza con tu API Key de Gemini\r\n const chat = document.getElementById('chat');\r\n const form = document.getElementById('chatForm');\r\n const input = document.getElementById('userInput');\r\n\r\n form.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n const userMessage = input.value.trim();\r\n if (!userMessage) return;\r\n\r\n appendMessage('T\u00fa', userMessage, 'user');\r\n input.value = '';\r\n appendMessage('Agente Digital:', '...', 'ai'); \/\/ Loading message\r\n\r\n try {\r\n const response = await fetch('https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-pro:generateContent?key=' + API_KEY, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application\/json'\r\n },\r\n body: JSON.stringify({\r\n contents: [{ parts: [{ text: userMessage }] }]\r\n })\r\n });\r\n\r\n const data = await response.json();\r\n const aiResponse = data.candidates?.[0]?.content?.parts?.[0]?.text || 'No se pudo obtener respuesta.';\r\n removeLastMessage(); \/\/ remove \"...\"\r\n appendMessage('Agente AI', aiResponse, 'ai');\r\n } catch (error) {\r\n removeLastMessage();\r\n appendMessage('Error', 'Hubo un problema al conectarse con el modelo de AI.', 'ai');\r\n console.error(error);\r\n }\r\n });\r\n\r\n function appendMessage(sender, text, type) {\r\n const div = document.createElement('div');\r\n div.classList.add('message');\r\n div.innerHTML = `<span class=\"${type}\">${sender}:<\/span> ${text}`;\r\n chat.appendChild(div);\r\n chat.scrollTop = chat.scrollHeight;\r\n }\r\n\r\n function removeLastMessage() {\r\n const last = chat.lastChild;\r\n if (last) chat.removeChild(last);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Neo 2.0 Beta Agente AI con Gemini \ud83e\udd16 Asistente digital Enviar<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-575","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/neocloud05.com\/neo\/wp-json\/wp\/v2\/pages\/575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/neocloud05.com\/neo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neocloud05.com\/neo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neocloud05.com\/neo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neocloud05.com\/neo\/wp-json\/wp\/v2\/comments?post=575"}],"version-history":[{"count":19,"href":"https:\/\/neocloud05.com\/neo\/wp-json\/wp\/v2\/pages\/575\/revisions"}],"predecessor-version":[{"id":595,"href":"https:\/\/neocloud05.com\/neo\/wp-json\/wp\/v2\/pages\/575\/revisions\/595"}],"wp:attachment":[{"href":"https:\/\/neocloud05.com\/neo\/wp-json\/wp\/v2\/media?parent=575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}