{"id":37922,"date":"2019-09-08T18:43:32","date_gmt":"2019-09-08T10:43:32","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=37922"},"modified":"2023-04-06T19:21:58","modified_gmt":"2023-04-06T11:21:58","slug":"premonish-mouse-prediction-script","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/","title":{"rendered":"Predict User Cursor Movements with this 500-Byte Javascript"},"content":{"rendered":"<p>You can do some really cool things with JavaScript and <a href=\"https:\/\/www.hongkiat.com\/blog\/open-source-community-give-back\/\">open source code<\/a> makes the work even easier.<\/p>\n<p><strong><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mathisonian.github.io\/premonish\/\">Premonish<\/a><\/strong> is one of the coolest libraries I\u2019ve seen and it\u2019s built with <strong>only 500 bytes of JavaScript<\/strong>. With this plugin, you can detect where the user\u2019s mouse is moving and predict which element they\u2019re heading towards.<\/p>\n<p>This may sound like a complex idea but it\u2019s fairly easy to implement. Not to mention this offers a <em>ton<\/em> of opportunity for developers to create some really cool effects such as <strong><a href=\"https:\/\/www.hongkiat.com\/blog\/css-libraries-image-hover-effect\/\">pre-hover animations<\/a><\/strong> or <strong>dynamic layout effects<\/strong>.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/\">20 Websites with Creative MouseOver Effect<\/a><\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mathisonian.github.io\/premonish\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/premonish-mouse-prediction-script\/01-premonish-prediction-library.jpg\" alt=\"Premonish library\" width=\"1000\" height=\"496\"><\/a><\/figure>\n<p>You start by <strong>targeting an element<\/strong> on the page and <strong>defining how it\u2019ll look<\/strong> when the user is moving towards that element.<\/p>\n<p>All of the calculations are done on the backend with the Premonish library, so you don\u2019t need to worry about the math or logic behind this.<\/p>\n<p>Instead, you\u2019re looking for a way to <strong>handle the prediction<\/strong> based on a confidence ranking of the user\u2019s behavior. This is all passed into JavaScript, so you can write your own functions to <strong>handle the user behaviors<\/strong>.<\/p>\n<p>Here\u2019s an <strong>example snippet<\/strong> from the Premonish demo:<\/p>\n<pre>\r\npremonish.onIntent(({el, confidence}) =&gt; {\r\n  \/\/ el is the expected DOM element\r\n  \/\/ confidence is a score from 0-1 on how confident we are in this prediction.\r\n});\r\n<\/pre>\n<p>The <code>onIntent()<\/code> method is baked into Premonish and it\u2019s called whenever the library notices <strong>a user moving towards some element<\/strong>.<\/p>\n<p>You can also use another method, <code>onMouseMove()<\/code>, which runs every time the <strong>cursor changes X\/Y positions<\/strong> on the screen. This way you can see how Premonish is calculating the odds of user intent.<\/p>\n<p>You can find a bunch of information in the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/mathisonian\/premonish\">main GitHub repo<\/a> which <strong>includes simple code snippets<\/strong> to get you started. Initialization just requires <strong>a series of selectors or DOM elements<\/strong> that should be targeted.<\/p>\n<p>How you actually use this plugin is totally up to you. This isn\u2019t meant to be a complete solution, but rather a starting point to help you <strong>assume user intentions<\/strong> and build an experience around that.<\/p>\n<p>Check out the <strong><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mathisonian.github.io\/premonish\/\">live demo<\/a><\/strong> to see how this all works and to see a \u201cdebug mode\u201d where you can watch how the prediction algorithm works in real time.<\/p>\n<p>You can also share your thoughts and say thanks to the creator Matthew Conlen on his Twitter <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/twitter.com\/mathisonian\">@mathisonian<\/a>.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mathisonian.github.io\/premonish\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/premonish-mouse-prediction-script\/02-debug-mode-premonish.jpg\" alt=\"Debugging Premonish\" width=\"1000\" height=\"486\"><\/a><\/figure>\n<p class=\"note\"><strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/detect-cursor-leaving-browser-gliojs\/\">Detect When a Mouse Leaves the Window with Glio.js<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>You can do some really cool things with JavaScript and open source code makes the work even easier. Premonish is one of the coolest libraries I\u2019ve seen and it\u2019s built with only 500 bytes of JavaScript. With this plugin, you can detect where the user\u2019s mouse is moving and predict which element they\u2019re heading towards.&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3395],"tags":[3497],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Predict User Cursor Movements with this 500-Byte Javascript - Hongkiat<\/title>\n<meta name=\"description\" content=\"You can do some really cool things with JavaScript and open source code makes the work even easier. Premonish is one of the coolest libraries I&#039;ve seen\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Predict User Cursor Movements with this 500-Byte Javascript\" \/>\n<meta property=\"og:description\" content=\"You can do some really cool things with JavaScript and open source code makes the work even easier. Premonish is one of the coolest libraries I&#039;ve seen\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-08T10:43:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-06T11:21:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/premonish-mouse-prediction-script\/01-premonish-prediction-library.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/premonish-mouse-prediction-script\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/premonish-mouse-prediction-script\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Predict User Cursor Movements with this 500-Byte Javascript\",\"datePublished\":\"2019-09-08T10:43:32+00:00\",\"dateModified\":\"2023-04-06T11:21:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/premonish-mouse-prediction-script\\\/\"},\"wordCount\":382,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/premonish-mouse-prediction-script\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/premonish-mouse-prediction-script\\\/01-premonish-prediction-library.jpg\",\"keywords\":[\"Javascript Library\"],\"articleSection\":[\"UI\\\/UX\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/premonish-mouse-prediction-script\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/premonish-mouse-prediction-script\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/premonish-mouse-prediction-script\\\/\",\"name\":\"Predict User Cursor Movements with this 500-Byte Javascript - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/premonish-mouse-prediction-script\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/premonish-mouse-prediction-script\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/premonish-mouse-prediction-script\\\/01-premonish-prediction-library.jpg\",\"datePublished\":\"2019-09-08T10:43:32+00:00\",\"dateModified\":\"2023-04-06T11:21:58+00:00\",\"description\":\"You can do some really cool things with JavaScript and open source code makes the work even easier. Premonish is one of the coolest libraries I've seen\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/premonish-mouse-prediction-script\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/premonish-mouse-prediction-script\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/premonish-mouse-prediction-script\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/premonish-mouse-prediction-script\\\/01-premonish-prediction-library.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/premonish-mouse-prediction-script\\\/01-premonish-prediction-library.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/premonish-mouse-prediction-script\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Predict User Cursor Movements with this 500-Byte Javascript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Predict User Cursor Movements with this 500-Byte Javascript - Hongkiat","description":"You can do some really cool things with JavaScript and open source code makes the work even easier. Premonish is one of the coolest libraries I've seen","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/","og_locale":"en_US","og_type":"article","og_title":"Predict User Cursor Movements with this 500-Byte Javascript","og_description":"You can do some really cool things with JavaScript and open source code makes the work even easier. Premonish is one of the coolest libraries I've seen","og_url":"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2019-09-08T10:43:32+00:00","article_modified_time":"2023-04-06T11:21:58+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/premonish-mouse-prediction-script\/01-premonish-prediction-library.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Predict User Cursor Movements with this 500-Byte Javascript","datePublished":"2019-09-08T10:43:32+00:00","dateModified":"2023-04-06T11:21:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/"},"wordCount":382,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/premonish-mouse-prediction-script\/01-premonish-prediction-library.jpg","keywords":["Javascript Library"],"articleSection":["UI\/UX"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/","url":"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/","name":"Predict User Cursor Movements with this 500-Byte Javascript - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/premonish-mouse-prediction-script\/01-premonish-prediction-library.jpg","datePublished":"2019-09-08T10:43:32+00:00","dateModified":"2023-04-06T11:21:58+00:00","description":"You can do some really cool things with JavaScript and open source code makes the work even easier. Premonish is one of the coolest libraries I've seen","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/premonish-mouse-prediction-script\/01-premonish-prediction-library.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/premonish-mouse-prediction-script\/01-premonish-prediction-library.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/premonish-mouse-prediction-script\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Predict User Cursor Movements with this 500-Byte Javascript"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-9RE","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=37922"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37922\/revisions"}],"predecessor-version":[{"id":66062,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37922\/revisions\/66062"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=37922"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=37922"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=37922"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=37922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}