Dijital d\u00fcnyada her ge\u00e7en g\u00fcn artan bilgi yo\u011funlu\u011fu ve tekrarlayan g\u00f6revler, hepimizin zaman\u0131n\u0131 ve enerjisini t\u00fcketen birer y\u00fck haline gelebiliyor. Web sayfalar\u0131 aras\u0131nda gezinmek, belirli bilgileri toplamak, verileri kar\u015f\u0131la\u015ft\u0131rmak veya basit formlar\u0131 doldurmak gibi rutin i\u015fler, manuel olarak yap\u0131ld\u0131\u011f\u0131nda verimlili\u011fi ciddi anlamda d\u00fc\u015f\u00fcr\u00fcyor. Peki ya taray\u0131c\u0131n\u0131z, bu g\u00f6revleri sizin ad\u0131n\u0131za ak\u0131ll\u0131ca y\u00fcr\u00fcten, kendi kendine karar verebilen ve hedeflere ula\u015fmak i\u00e7in ad\u0131mlar atabilen bir dijital asistan haline gelseydi? \u0130\u015fte bu noktada, Google’\u0131n geli\u015fmi\u015f yapay zeka modeli Gemini’nin becerilerini Chrome taray\u0131c\u0131s\u0131n\u0131n g\u00fc\u00e7l\u00fc altyap\u0131s\u0131yla birle\u015ftirerek “Agentic \u0130\u015f Ak\u0131\u015flar\u0131” olu\u015fturma fikri devreye giriyor. Bu makalede, Gemini’nin yeteneklerini kullanarak Chrome’da nas\u0131l otonom ve ak\u0131ll\u0131 i\u015f ak\u0131\u015flar\u0131 tasarlayabilece\u011finizi, ad\u0131m ad\u0131m \u00f6rneklerle ve pratik ipu\u00e7lar\u0131yla ke\u015ffedece\u011fiz. Gelin, dijital asistan\u0131n\u0131zla tan\u0131\u015f\u0131n ve web deneyiminizi ba\u015ftan a\u015fa\u011f\u0131 d\u00f6n\u00fc\u015ft\u00fcrelim.<\/p>\n
G\u00fcn\u00fcm\u00fcz\u00fcn h\u0131zla de\u011fi\u015fen dijital ortam\u0131nda, web taray\u0131c\u0131lar\u0131 sadece i\u00e7erik g\u00f6r\u00fcnt\u00fcleme ara\u00e7lar\u0131 olmaktan \u00e7ok daha fazlas\u0131n\u0131 sunuyor. Taray\u0131c\u0131lar, i\u015f ak\u0131\u015flar\u0131m\u0131z\u0131n merkezi haline gelmi\u015f durumda ve bu durum, tekrarlayan g\u00f6revlerin otomasyonu i\u00e7in b\u00fcy\u00fck bir potansiyel ta\u015f\u0131yor. Bir e-ticaret sitesinde \u00fcr\u00fcn ara\u015ft\u0131rmas\u0131 yapmak, birden fazla kaynaktan haberleri \u00f6zetlemek, finansal verileri takip etmek veya sosyal medya etkile\u015fimlerini y\u00f6netmek gibi pek \u00e7ok i\u015flem, genellikle manuel m\u00fcdahale gerektiriyor. Bu da hem zaman kayb\u0131na yol a\u00e7\u0131yor hem de insan hatas\u0131 riskini art\u0131r\u0131yor. \u0130\u015fte bu problemin \u00e7\u00f6z\u00fcm\u00fcnde, yapay zekan\u0131n “agentic” (ajanik) yakla\u015f\u0131m\u0131 kilit bir rol oynuyor. Agentic yapay zeka sistemleri, belirli bir hedefe ula\u015fmak i\u00e7in kendi ba\u015flar\u0131na kararlar alabilen, plan yapabilen ve bu planlar\u0131 uygulayabilen otonom varl\u0131klar olarak tan\u0131mlanabilir. Geleneksel otomasyon kurallara dayal\u0131 ve statikken, agentic sistemler dinamik, duruma duyarl\u0131 ve adaptiftir.<\/p>\n
Google Gemini gibi \u00e7ok modlu ve geli\u015fmi\u015f dil modelleri, bu agentic sistemlerin beyni olma potansiyelini ta\u015f\u0131yor. Gemini’nin do\u011fal dil anlama, ak\u0131l y\u00fcr\u00fctme ve \u00f6zellikle “function calling” (fonksiyon \u00e7a\u011f\u0131rma) yetene\u011fi, taray\u0131c\u0131 ortam\u0131nda ger\u00e7ek d\u00fcnya etkile\u015fimlerini sim\u00fcle etmemizi sa\u011fl\u0131yor. \u00d6rne\u011fin, Gemini’ye bir web sayfas\u0131ndaki belirli bir bilgiyi bulmas\u0131n\u0131 ve ard\u0131ndan bu bilgiyi kullanarak ba\u015fka bir i\u015flem yapmas\u0131n\u0131 s\u00f6yleyebiliriz. Bu, sadece bir metin \u00fcretme veya soru cevaplama yetene\u011finin \u00f6tesinde, d\u0131\u015f d\u00fcnya ile etkile\u015fime giren, eyleme d\u00f6n\u00fck bir yapay zeka anlam\u0131na geliyor. Chrome taray\u0131c\u0131s\u0131 ise bu agentic zekay\u0131 hayata ge\u00e7irmek i\u00e7in m\u00fckemmel bir platform sunuyor. G\u00fc\u00e7l\u00fc uzant\u0131 (extension) API’lar\u0131 sayesinde, taray\u0131c\u0131n\u0131n DOM (Belge Nesne Modeli) yap\u0131s\u0131na eri\u015febilir, web sayfalar\u0131yla etkile\u015fime ge\u00e7ebilir ve kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc \u00f6zelle\u015ftirebiliriz. Gemini’nin zekas\u0131yla birle\u015fen bu taray\u0131c\u0131 yetenekleri, web’deki i\u015f ak\u0131\u015flar\u0131m\u0131z\u0131 daha \u00f6nce hi\u00e7 olmad\u0131\u011f\u0131 kadar ak\u0131ll\u0131, verimli ve otonom hale getirme f\u0131rsat\u0131 sunuyor. Bu makale boyunca, bu sinerjinin nas\u0131l kurulaca\u011f\u0131n\u0131 ve g\u00fcnl\u00fck dijital ya\u015fam\u0131n\u0131zda nas\u0131l devrim yaratabilece\u011fini ad\u0131m ad\u0131m inceleyece\u011fiz. Agentic i\u015f ak\u0131\u015flar\u0131, web’in gelece\u011fini \u015fekillendiren bir teknoloji olarak kap\u0131m\u0131z\u0131 \u00e7al\u0131yor ve biz de bu kap\u0131y\u0131 aralamaya haz\u0131r\u0131z.<\/p>\n
Agentic yapay zeka, son y\u0131llarda yapay zeka alan\u0131nda en \u00e7ok ilgi \u00e7eken konulardan biridir ve geleneksel yapay zeka sistemlerinden \u00f6nemli farkl\u0131l\u0131klar g\u00f6sterir. Geleneksel sistemler genellikle belirli bir girdiye dayal\u0131 olarak \u00f6nceden tan\u0131mlanm\u0131\u015f bir \u00e7\u0131kt\u0131y\u0131 \u00fcretmeye odaklan\u0131rken, agentic sistemler daha otonom, hedefe y\u00f6nelik ve adaptiftir. Bir “agent” (ajan), \u00e7evresini alg\u0131layabilen, bu alg\u0131lar\u0131na dayanarak ak\u0131l y\u00fcr\u00fctebilen, bir hedef belirleyebilen, bu hedefe ula\u015fmak i\u00e7in bir plan olu\u015fturabilen ve bu plan\u0131 uygulamak \u00fczere eylemler ger\u00e7ekle\u015ftirebilen bir varl\u0131kt\u0131r. Bu s\u00fcre\u00e7, genellikle bir geri bildirim d\u00f6ng\u00fcs\u00fc (feedback loop) i\u00e7erir; yani ajan, eylemlerinin sonu\u00e7lar\u0131n\u0131 g\u00f6zlemleyerek plan\u0131n\u0131 veya hedefini revize edebilir. Bu, robotik, oyun yapay zekas\u0131 ve elbette web otomasyonu gibi alanlarda b\u00fcy\u00fck avantajlar sa\u011flar. Agentic sistemler, karma\u015f\u0131k ve dinamik ortamlarda daha esnek ve etkili \u00e7\u00f6z\u00fcmler sunar. \u00d6rne\u011fin, bir web sayfas\u0131ndaki bir butona t\u0131klamak gibi basit bir otomasyon yerine, bir agentic sistem, “X \u00fcr\u00fcn\u00fcn\u00fc en uygun fiyata bul ve sepete ekle” gibi daha y\u00fcksek seviyeli bir hedefi ger\u00e7ekle\u015ftirmek i\u00e7in birden fazla ad\u0131m\u0131 kendi ba\u015f\u0131na planlayabilir ve uygulayabilir.<\/p>\n
Bu agentic yap\u0131n\u0131n merkezinde, Google’\u0131n geli\u015fmi\u015f yapay zeka modeli Gemini yer al\u0131yor. Gemini, \u00e7ok modlu (multimodal) bir model olup, sadece metinleri de\u011fil, ayn\u0131 zamanda g\u00f6rselleri, sesleri ve videolar\u0131 da anlayabilir ve i\u015fleyebilir. Bu yetenek, onu web ortam\u0131ndaki \u00e7e\u015fitli veri t\u00fcrleriyle etkile\u015fime ge\u00e7mek i\u00e7in ideal bir aday yapar. Gemini’nin temel becerileri \u015funlar\u0131 kapsar:<\/p>\n
* Do\u011fal Dil Anlama ve \u00dcretme:<\/strong> \u0130nsan dilini y\u00fcksek do\u011frulukla anlayabilir ve ba\u011flama uygun, tutarl\u0131 metinler \u00fcretebilir. Bu, kullan\u0131c\u0131 komutlar\u0131n\u0131 yorumlamak ve eylemlerin sonu\u00e7lar\u0131n\u0131 kullan\u0131c\u0131ya a\u00e7\u0131klamak i\u00e7in kritik \u00f6neme sahiptir. Gemini’nin bu “function calling” yetene\u011fi, onu pasif bir bilgi i\u015flemciden aktif bir arac\u0131ya d\u00f6n\u00fc\u015ft\u00fcr\u00fcr. Bir Chrome uzant\u0131s\u0131 geli\u015ftirdi\u011fimizde, Gemini’ye belirli web etkile\u015fimlerini (\u00f6rne\u011fin, bir elemente t\u0131klama, bir metin alan\u0131na yazma, bir sayfan\u0131n HTML i\u00e7eri\u011fini \u00e7ekme) ger\u00e7ekle\u015ftirecek ara\u00e7lar (fonksiyonlar) tan\u0131mlayabiliriz. Gemini, kullan\u0131c\u0131n\u0131n iste\u011fi veya belirlenen hedef do\u011frultusunda, hangi arac\u0131 ne zaman ve hangi parametrelerle kullanmas\u0131 gerekti\u011fine kendisi karar verebilir. Bu sayede, Gemini, taray\u0131c\u0131 i\u00e7inde adeta bir “beyin” g\u00f6revi g\u00f6rerek, web’deki karma\u015f\u0131k g\u00f6revleri otonom bir \u015fekilde tamamlayabilir. Bu temel yeteneklerin birle\u015fimi, Chrome’da ger\u00e7ekten ak\u0131ll\u0131 ve eyleme d\u00f6n\u00fck agentic i\u015f ak\u0131\u015flar\u0131 olu\u015fturmam\u0131z\u0131n \u00f6n\u00fcn\u00fc a\u00e7ar.<\/p>\n Chrome ortam\u0131nda Gemini destekli agentic i\u015f ak\u0131\u015flar\u0131 tasarlamak, temel olarak bir Chrome uzant\u0131s\u0131 (extension) geli\u015ftirmek ve bu uzant\u0131 arac\u0131l\u0131\u011f\u0131yla Gemini API ile etkile\u015fim kurmak \u00fczerine kuruludur. Bu s\u00fcre\u00e7, taray\u0131c\u0131y\u0131 Gemini’nin “g\u00f6zleri” ve “elleri” haline getirmek anlam\u0131na gelir. A\u015fa\u011f\u0131da, bu entegrasyonu ad\u0131m ad\u0131m nas\u0131l ger\u00e7ekle\u015ftirebilece\u011finizi ve basit bir agentic g\u00f6revi nas\u0131l tasarlayaca\u011f\u0131n\u0131z\u0131 inceleyece\u011fiz.<\/p>\n \u0130lk olarak, Gemini API’ye eri\u015fim sa\u011flaman\u0131z ve bir API anahtar\u0131 edinmeniz gerekir. Google AI Studio veya Google Cloud Console \u00fczerinden Gemini API’ye kaydolabilir ve projeniz i\u00e7in bir API anahtar\u0131 olu\u015fturabilirsiniz. Bu anahtar, uygulaman\u0131z\u0131n Gemini hizmetlerine g\u00fcvenli bir \u015fekilde ba\u011flanmas\u0131n\u0131 sa\u011flar.<\/p>\n Bir Chrome uzant\u0131s\u0131, temel olarak bir Bu dosya, uzant\u0131n\u0131z\u0131n kimli\u011fini ve yeteneklerini tan\u0131mlar. Gemini ile etkile\u015fim kuracak bir uzant\u0131 i\u00e7in, * * \u015eimdi, Gemini’nin “function calling” yetene\u011fini kullanarak taray\u0131c\u0131da bir agentic g\u00f6revi nas\u0131l ger\u00e7ekle\u015ftirebilece\u011fimize dair basit bir senaryo olu\u015ftural\u0131m: Bir web sayfas\u0131n\u0131n ba\u015fl\u0131\u011f\u0131n\u0131 ve ana i\u00e7eri\u011fini \u00e7ekip Gemini’den bu i\u00e7eri\u011fi \u00f6zetlemesini isteyece\u011fiz.<\/p>\n Bu Bu Kullan\u0131c\u0131, taray\u0131c\u0131 ara\u00e7 \u00e7ubu\u011fundaki uzant\u0131 simgesine t\u0131klad\u0131\u011f\u0131nda a\u00e7\u0131lan “`html
\n* Ak\u0131l Y\u00fcr\u00fctme ve Problem \u00c7\u00f6zme:<\/strong> Karma\u015f\u0131k senaryolar\u0131 analiz edebilir, mant\u0131ksal \u00e7\u0131kar\u0131mlar yapabilir ve sorunlara yarat\u0131c\u0131 \u00e7\u00f6z\u00fcmler \u00fcretebilir. Bu, bir hedefe ula\u015fmak i\u00e7in birden fazla ad\u0131m\u0131 i\u00e7eren bir plan olu\u015fturmak i\u00e7in gereklidir.
\n* \u00c7ok Modluluk (Multimodality):<\/strong> Metin, g\u00f6rsel, ses gibi farkl\u0131 veri t\u00fcrlerini ayn\u0131 anda i\u015fleyebilme yetene\u011fi. \u00d6rne\u011fin, bir web sayfas\u0131n\u0131n ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc analiz ederek g\u00f6rsel \u00f6\u011felerin konumunu veya i\u015flevini anlayabilir.
\n* Function Calling (Fonksiyon \u00c7a\u011f\u0131rma):<\/strong> Bu, Gemini’nin en kritik agentic becerilerinden biridir. Gemini, belirli bir senaryoda harici ara\u00e7lar\u0131 veya API’lar\u0131 \u00e7a\u011f\u0131rmas\u0131 gerekti\u011fine karar verebilir. \u00d6rne\u011fin, “hava durumunu \u00f6\u011fren” komutuna kar\u015f\u0131l\u0131k, bir hava durumu API’s\u0131n\u0131 \u00e7a\u011f\u0131rmak i\u00e7in gerekli parametreleri \u00fcretebilir ve bu API’dan gelen cevab\u0131 yorumlayabilir. Web ba\u011flam\u0131nda, bu, Gemini’nin bir Chrome uzant\u0131s\u0131 arac\u0131l\u0131\u011f\u0131yla web sayfas\u0131nda belirli bir JavaScript fonksiyonunu \u00e7al\u0131\u015ft\u0131rmas\u0131n\u0131 veya taray\u0131c\u0131 API’lar\u0131n\u0131 kullanmas\u0131n\u0131 sa\u011flayabilir.<\/p>\nUygulamal\u0131 K\u0131s\u0131m: Chrome Ortam\u0131nda Gemini Destekli \u0130\u015f Ak\u0131\u015f\u0131 Nas\u0131l Tasarlan\u0131r?<\/h3>\n
Ad\u0131m 1: Gemini API’ye Eri\u015fim ve Kimlik Do\u011frulama<\/h4>\n
Ad\u0131m 2: Bir Chrome Uzant\u0131s\u0131 Temeli Olu\u015fturma<\/h4>\n
manifest.json<\/code> dosyas\u0131 ve bir veya daha fazla JavaScript dosyas\u0131 i\u00e7erir. Bu dosyalar, uzant\u0131n\u0131z\u0131n davran\u0131\u015f\u0131n\u0131, izinlerini ve kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc tan\u0131mlar.<\/p>\nmanifest.json<\/code> Dosyas\u0131<\/h5>\nmanifest.json<\/code> dosyan\u0131z a\u015fa\u011f\u0131daki gibi g\u00f6r\u00fcnebilir:<\/p>\n{\n "manifest_version": 3,\n "name": "Gemini Agentik Yard\u0131mc\u0131",\n "version": "1.0",\n "description": "Gemini AI ile ak\u0131ll\u0131 web i\u015f ak\u0131\u015flar\u0131 olu\u015fturur.",\n "permissions": [\n "activeTab",\n "scripting",\n "storage"\n ],\n "host_permissions": [\n "<all_urls>"\n ],\n "action": {\n "default_popup": "popup.html",\n "default_icon": {\n "16": "images\/icon16.png",\n "48": "images\/icon48.png",\n "128": "images\/icon128.png"\n }\n },\n "background": {\n "service_worker": "background.js"\n },\n "content_scripts": [\n {\n "matches": ["<all_urls>"],\n "js": ["content.js"]\n }\n ]\n}<\/code><\/pre>\n\"permissions\"<\/code>: activeTab<\/code> (kullan\u0131c\u0131n\u0131n aktif sekmesine eri\u015fim), scripting<\/code> (programl\u0131 olarak betik ekleme), storage<\/code> (uzant\u0131 verilerini saklama) gibi izinler, web sayfalar\u0131yla etkile\u015fim ve API anahtar\u0131 gibi bilgileri g\u00fcvenli bir \u015fekilde depolamak i\u00e7in gereklidir.
\n* \"host_permissions\"<\/code>: \"
\n* \"action\"<\/code>: Uzant\u0131n\u0131n taray\u0131c\u0131 ara\u00e7 \u00e7ubu\u011fundaki d\u00fc\u011fmesini ve t\u0131kland\u0131\u011f\u0131nda a\u00e7\u0131lacak popup.html<\/code> dosyas\u0131n\u0131 tan\u0131mlar.
\n* \"background\"<\/code>: Uzant\u0131n\u0131n arka planda s\u00fcrekli \u00e7al\u0131\u015fan beti\u011fidir (service_worker<\/code>). Gemini API \u00e7a\u011fr\u0131lar\u0131 ve karma\u015f\u0131k mant\u0131k burada y\u00fcr\u00fct\u00fclebilir.
\n* \"content_scripts\"<\/code>: Web sayfalar\u0131na enjekte edilen betiklerdir (content.js<\/code>). Bu betikler, web sayfas\u0131n\u0131n DOM’una do\u011frudan eri\u015febilir ve manip\u00fcle edebilir.<\/p>\nArka Plan Beti\u011fi (
background.js<\/code>) ve \u0130\u00e7erik Beti\u011fi (content.js<\/code>) Rolleri<\/h5>\nbackground.js<\/code> (Service Worker):<\/strong> Bu betik, uzant\u0131n\u0131n ana mant\u0131\u011f\u0131n\u0131 bar\u0131nd\u0131r\u0131r. Gemini API ile ileti\u015fim kurar, kullan\u0131c\u0131 aray\u00fcz\u00fcnden gelen istekleri i\u015fler ve web sayfalar\u0131na komutlar g\u00f6nderir. API anahtar\u0131n\u0131z gibi hassas bilgileri burada saklayabilir ve do\u011frudan a\u011f istekleri (fetch<\/code>) yapabilirsiniz.
\n* content.js<\/code>:<\/strong> Bu betik, ziyaret edilen her web sayfas\u0131na enjekte edilir. Sayfan\u0131n HTML yap\u0131s\u0131n\u0131 okuyabilir, form alanlar\u0131n\u0131 doldurabilir, butonlara t\u0131klayabilir veya sayfan\u0131n i\u00e7eri\u011fini de\u011fi\u015ftirebilir. background.js<\/code> ile mesajla\u015fma yoluyla ileti\u015fim kurar.<\/p>\nAd\u0131m 3: Gemini ile Etkile\u015fim Kurma (Function Calling)<\/h4>\n
content.js<\/code> (Web sayfas\u0131ndan veri \u00e7ekme)<\/h5>\n\/\/ content.js\nchrome.runtime.onMessage.addListener((request, sender, sendResponse) => {\n if (request.action === "getPageContent") {\n const title = document.title;\n const bodyText = document.body.innerText.substring(0, 2000); \/\/ \u0130lk 2000 karakteri al\n sendResponse({ title: title, content: bodyText });\n }\n});<\/code><\/pre>\ncontent.js<\/code> beti\u011fi, arka plan beti\u011finden gelen getPageContent<\/code> iste\u011fine yan\u0131t verir ve sayfan\u0131n ba\u015fl\u0131\u011f\u0131n\u0131 ile g\u00f6vde metninin bir k\u0131sm\u0131n\u0131 d\u00f6nd\u00fcr\u00fcr.<\/p>\nbackground.js<\/code> (Gemini API ile etkile\u015fim)<\/h5>\n\/\/ background.js\nimport { GoogleGenerativeAI } from "@google\/generative-ai";\n\nconst API_KEY = "YOUR_GEMINI_API_KEY"; \/\/ Kendi API anahtar\u0131n\u0131z\u0131 buraya girin\nconst genAI = new GoogleGenerativeAI(API_KEY);\n\n\/\/ Gemini modelini ba\u015flat\nconst model = genAI.getGenerativeModel({ model: "gemini-pro" });\n\n\/\/ Gemini'nin kullanabilece\u011fi ara\u00e7lar\u0131 tan\u0131mla\nconst tools = [\n {\n functionDeclarations: [\n {\n name: "getPageContent",\n description: "Aktif web sayfas\u0131n\u0131n ba\u015fl\u0131\u011f\u0131n\u0131 ve metin i\u00e7eri\u011fini \u00e7eker.",\n parameters: {\n type: "OBJECT",\n properties: {},\n },\n },\n ],\n },\n];\n\nchrome.runtime.onMessage.addListener((request, sender, sendResponse) => {\n if (request.action === "summarizePage") {\n chrome.tabs.query({ active: true, currentWindow: true }, async (tabs) => {\n const activeTab = tabs[0];\n try {\n \/\/ content.js'e sayfa i\u00e7eri\u011fini \u00e7ekme iste\u011fi g\u00f6nder\n const pageContent = await chrome.tabs.sendMessage(activeTab.id, { action: "getPageContent" });\n\n \/\/ Gemini'ye \u00f6zetleme iste\u011fi g\u00f6nder\n const prompt = A\u015fa\u011f\u0131daki web sayfas\u0131n\u0131n ba\u015fl\u0131\u011f\u0131 "${pageContent.title}" ve i\u00e7eri\u011fi:\\n\\n${pageContent.content}\\n\\nBu i\u00e7eri\u011fi T\u00fcrk\u00e7e olarak k\u0131sa ve \u00f6z bir \u015fekilde \u00f6zetler misin?<\/code>;\n\n const result = await model.generateContent(prompt);\n const response = await result.response;\n const text = response.text();\n\n sendResponse({ summary: text });\n } catch (error) {\n console.error("Gemini veya sayfa i\u00e7eri\u011fi \u00e7ekme hatas\u0131:", error);\n sendResponse({ error: "\u00d6zetleme s\u0131ras\u0131nda bir hata olu\u015ftu." });\n }\n });\n return true; \/\/ Asenkron yan\u0131t\u0131 belirtmek i\u00e7in\n }\n});<\/code><\/pre>\nbackground.js<\/code> beti\u011fi:
\n1. Gemini API’yi ba\u015flat\u0131r ve API anahtar\u0131n\u0131z\u0131 kullan\u0131r.
\n2. getPageContent<\/code> ad\u0131nda bir “tool” (ara\u00e7) tan\u0131mlar. Bu, Gemini’ye bir web sayfas\u0131n\u0131n i\u00e7eri\u011fini \u00e7ekebilece\u011fini s\u00f6yler. Ancak bu \u00f6rnekte, Gemini’nin do\u011frudan bu arac\u0131 \u00e7a\u011f\u0131rmas\u0131ndan ziyade, biz background.js<\/code> i\u00e7inde manuel olarak content.js<\/code>‘i \u00e7a\u011f\u0131r\u0131yoruz. Daha geli\u015fmi\u015f senaryolarda, Gemini’nin kendisi bu ara\u00e7lar\u0131 ne zaman kullanaca\u011f\u0131na karar verebilir.
\n3. Uzant\u0131n\u0131n popup’\u0131ndan gelen summarizePage<\/code> iste\u011fini dinler.
\n4. Aktif sekmeye getPageContent<\/code> eylemini g\u00f6ndererek sayfa i\u00e7eri\u011fini ister.
\n5. Gelen sayfa i\u00e7eri\u011fini kullanarak Gemini’ye bir \u00f6zetleme istemi (prompt) g\u00f6nderir.
\n6. Gemini’den gelen \u00f6zeti uzant\u0131n\u0131n popup’\u0131na geri g\u00f6nderir.<\/p>\npopup.html<\/code> ve popup.js<\/code> (Kullan\u0131c\u0131 Aray\u00fcz\u00fc)<\/h5>\npopup.html<\/code> ve onun JavaScript dosyas\u0131 popup.js<\/code>, Gemini ile etkile\u015fimi ba\u015flatmak i\u00e7in basit bir aray\u00fcz sa\u011flar.<\/p>\n
\n<\/p>\nWeb Sayfas\u0131n\u0131 \u00d6zetle<\/h3>\n