{"id":414,"date":"2019-02-11T03:17:28","date_gmt":"2019-02-11T11:17:28","guid":{"rendered":"https:\/\/www.yocoboard.com\/support\/?p=414"},"modified":"2020-04-10T07:14:29","modified_gmt":"2020-04-10T14:14:29","slug":"integrating-yocoboard-and-asana","status":"publish","type":"post","link":"https:\/\/www.yocoboard.com\/support\/integrating-yocoboard-and-asana\/","title":{"rendered":"YoCoBoard-Asana Integration"},"content":{"rendered":"<p><strong>Time Your Asana Tasks<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Asana lets you organize your projects and makes teamwork easy. The Asana- YoCoBoard integration lets your team track time that\u2019s spent on Asana tasks with just a click. The integration embeds a YoCoBoard widget inside your tasks so that your team can clock in and out without leaving Asana.<\/span><\/p>\n<p><i><span style=\"font-weight: 400;\"><strong>Note<\/strong>: This widget will only work with a Google Chrome browser.<\/span><\/i><\/p>\n<h4><strong>1.1 Installing the extension<\/strong><\/h4>\n<ul>\n<li><span style=\"font-weight: 400;\">On the YoCoBoard sidebar, select <\/span><i><span style=\"font-weight: 400;\">Integrations, <\/span><\/i><span style=\"font-weight: 400;\">select the Asana card and click the <\/span><i><span style=\"font-weight: 400;\">Add to Asana<\/span><\/i><span style=\"font-weight: 400;\"> button. You will now be directed to the Google Chrome web store.<br \/>\n<a href=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_1-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-861\" src=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_1-1-1024x576.png\" alt=\"\" width=\"520\" height=\"293\" srcset=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_1-1-1024x576.png 1024w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_1-1-300x169.png 300w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_1-1-768x432.png 768w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_1-1.png 1920w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><br \/>\n<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Click on <\/span><i><span style=\"font-weight: 400;\">Add to Chrome<\/span><\/i><span style=\"font-weight: 400;\"> to download the YoCoBoard extension to your Chrome browser.<br \/>\n<a href=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_2-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-862\" src=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_2-1-1024x576.png\" alt=\"\" width=\"520\" height=\"293\" srcset=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_2-1-1024x576.png 1024w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_2-1-300x169.png 300w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_2-1-768x432.png 768w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_2-1.png 1920w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><br \/>\n<\/span><\/li>\n<li><span style=\"font-weight: 400;\">A pop up will notify you about access conditions for this extension. Click the <\/span><i><span style=\"font-weight: 400;\">Add extension<\/span><\/i><span style=\"font-weight: 400;\"> button.<br \/>\n<a href=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_3-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-863\" src=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_3-1-1024x576.png\" alt=\"\" width=\"520\" height=\"293\" srcset=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_3-1-1024x576.png 1024w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_3-1-300x169.png 300w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_3-1-768x432.png 768w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_3-1.png 1920w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><br \/>\n<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Click the stopwatch icon on your browser to open the tracker pop up. You will need to login with your YoCoBoard account credentials if this is the first time.<br \/>\n<a href=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_4-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-864\" src=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_4-1-1024x576.png\" alt=\"\" width=\"520\" height=\"293\" srcset=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_4-1-1024x576.png 1024w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_4-1-300x169.png 300w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_4-1-768x432.png 768w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.1_SS_4-1.png 1920w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><br \/>\n<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4><strong>1.2 Track time on Asana<\/strong><\/h4>\n<ul>\n<li><span style=\"font-weight: 400;\">Open your Chrome browser and click on the <\/span><i><span style=\"font-weight: 400;\">More Options<\/span><\/i><span style=\"font-weight: 400;\"> (3 dots) icon, select <\/span><i><span style=\"font-weight: 400;\">More Tools<\/span><\/i><span style=\"font-weight: 400;\"> &gt; <\/span><i><span style=\"font-weight: 400;\">Extensions<\/span><\/i><span style=\"font-weight: 400;\">.<br \/>\n<a href=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_1-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-865\" src=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_1-1-1024x576.png\" alt=\"\" width=\"520\" height=\"293\" srcset=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_1-1-1024x576.png 1024w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_1-1-300x169.png 300w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_1-1-768x432.png 768w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_1-1.png 1920w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><br \/>\n<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Here will be a list of all extensions. Find the YoCoBoard extension card and click the <\/span><i><span style=\"font-weight: 400;\">Details<\/span><\/i><span style=\"font-weight: 400;\"> button.<br \/>\n<a href=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_2-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-866\" src=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_2-1-1024x576.png\" alt=\"\" width=\"520\" height=\"293\" srcset=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_2-1-1024x576.png 1024w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_2-1-300x169.png 300w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_2-1-768x432.png 768w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_2-1.png 1920w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><br \/>\n<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Scroll down to find <\/span><i><span style=\"font-weight: 400;\">Extension Options<\/span><\/i><span style=\"font-weight: 400;\"> and click the preview icon to view the extension.<br \/>\n<a href=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_3-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-867\" src=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_3-1-1024x576.png\" alt=\"\" width=\"520\" height=\"293\" srcset=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_3-1-1024x576.png 1024w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_3-1-300x169.png 300w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_3-1-768x432.png 768w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_3-1.png 1920w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><br \/>\n<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Tick the <\/span><i><span style=\"font-weight: 400;\">asana.com<\/span><\/i><span style=\"font-weight: 400;\"> checkbox and click <\/span><i><span style=\"font-weight: 400;\">Allow<\/span><\/i><span style=\"font-weight: 400;\"> on the permission pop up.<br \/>\n<i><strong>Note<\/strong>: To stop tracking your Asana tasks, just untick the asana.com checkbox.<br \/>\n<a href=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_4-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-868\" src=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_4-1-1024x576.png\" alt=\"\" width=\"520\" height=\"293\" srcset=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_4-1-1024x576.png 1024w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_4-1-300x169.png 300w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_4-1-768x432.png 768w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_4-1.png 1920w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><br \/>\n<\/i><\/span><\/li>\n<li><span style=\"font-weight: 400;\">Login to your Asana account from your Chrome browser. On your Asana sidebar, click <\/span><i><span style=\"font-weight: 400;\">My Tasks<\/span><\/i><span style=\"font-weight: 400;\"> and choose any task. <\/span><\/li>\n<li><span style=\"font-weight: 400;\">On the right window, click the YoCoBoard widget at the top to clock in or clock out.<br \/>\n<a href=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_5-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-869\" src=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_5-1-1024x576.png\" alt=\"\" width=\"520\" height=\"293\" srcset=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_5-1-1024x576.png 1024w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_5-1-300x169.png 300w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_5-1-768x432.png 768w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_5-1.png 1920w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><br \/>\n<\/span><\/li>\n<li><span style=\"font-weight: 400;\">All your time tracking information can be found in the <\/span><i><span style=\"font-weight: 400;\">Hours<\/span><\/i><span style=\"font-weight: 400;\"> page of your YoCoBoard account.<br \/>\n<a href=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_6-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-870\" src=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_6-1-1024x576.png\" alt=\"\" width=\"520\" height=\"293\" srcset=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_6-1-1024x576.png 1024w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_6-1-300x169.png 300w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_6-1-768x432.png 768w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.2_SS_6-1.png 1920w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><br \/>\n<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4><strong>1.3 Deactivating the Integration<\/strong><\/h4>\n<ul>\n<li><span style=\"font-weight: 400;\">To deactivate this integration, open your Chrome browser and click on the <\/span><i><span style=\"font-weight: 400;\">More Options<\/span><\/i><span style=\"font-weight: 400;\"> (3 dots) icon and choose <\/span><i><span style=\"font-weight: 400;\">More Tools<\/span><\/i><span style=\"font-weight: 400;\"> &gt; <\/span><i><span style=\"font-weight: 400;\">Extensions<\/span><\/i><span style=\"font-weight: 400;\">.<br \/>\n<a href=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_1-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-871\" src=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_1-1-1024x576.png\" alt=\"\" width=\"520\" height=\"293\" srcset=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_1-1-1024x576.png 1024w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_1-1-300x169.png 300w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_1-1-768x432.png 768w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_1-1.png 1920w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><br \/>\n<\/span><\/li>\n<li><span style=\"font-weight: 400;\">In the list of active extensions, find the YoCoBoard extension card and click the <\/span><i><span style=\"font-weight: 400;\">Details<\/span><\/i><span style=\"font-weight: 400;\"> button.<br \/>\n<a href=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_2-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-872\" src=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_2-1-1024x576.png\" alt=\"\" width=\"520\" height=\"293\" srcset=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_2-1-1024x576.png 1024w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_2-1-300x169.png 300w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_2-1-768x432.png 768w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_2-1.png 1920w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><br \/>\n<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Scroll down to find <\/span><i><span style=\"font-weight: 400;\">Extension Options<\/span><\/i><span style=\"font-weight: 400;\"> and click the preview icon to view the extension settings.<br \/>\n<a href=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_3-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-873\" src=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_3-1-1024x576.png\" alt=\"\" width=\"520\" height=\"293\" srcset=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_3-1-1024x576.png 1024w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_3-1-300x169.png 300w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_3-1-768x432.png 768w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_3-1.png 1920w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><br \/>\n<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Uncheck the <\/span><i><span style=\"font-weight: 400;\">asana.com<\/span><\/i><span style=\"font-weight: 400;\"> checkbox and your integration will be deactivated.<br \/>\n<i><strong>Note<\/strong>: You can still use the browser widget to clock in and clock out of YoCoBoard (optional).<br \/>\n<a href=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_4-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-874\" src=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_4-1-1024x576.png\" alt=\"\" width=\"520\" height=\"293\" srcset=\"https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_4-1-1024x576.png 1024w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_4-1-300x169.png 300w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_4-1-768x432.png 768w, https:\/\/storage.googleapis.com\/goclocksupport\/1\/2019\/02\/YC31_1.3_SS_4-1.png 1920w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><br \/>\n<\/i><\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Time Your Asana Tasks Asana lets you organize your projects and makes teamwork easy. The Asana- YoCoBoard integration lets your team track time that\u2019s spent on Asana tasks with just a click. The integration embeds a YoCoBoard widget inside your tasks so that your team can clock in and out without leaving Asana. Note: This <span class=\"ellipsis\">&hellip;<\/span> <span class=\"more-link-wrap\"><a href=\"https:\/\/www.yocoboard.com\/support\/integrating-yocoboard-and-asana\/\" class=\"more-link\"><span>Read More &rarr;<\/span><\/a><\/span><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27,10],"tags":[],"class_list":["post-414","post","type-post","status-publish","format-standard","hentry","category-asana","category-integrations"],"_links":{"self":[{"href":"https:\/\/www.yocoboard.com\/support\/wp-json\/wp\/v2\/posts\/414"}],"collection":[{"href":"https:\/\/www.yocoboard.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yocoboard.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yocoboard.com\/support\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yocoboard.com\/support\/wp-json\/wp\/v2\/comments?post=414"}],"version-history":[{"count":13,"href":"https:\/\/www.yocoboard.com\/support\/wp-json\/wp\/v2\/posts\/414\/revisions"}],"predecessor-version":[{"id":878,"href":"https:\/\/www.yocoboard.com\/support\/wp-json\/wp\/v2\/posts\/414\/revisions\/878"}],"wp:attachment":[{"href":"https:\/\/www.yocoboard.com\/support\/wp-json\/wp\/v2\/media?parent=414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yocoboard.com\/support\/wp-json\/wp\/v2\/categories?post=414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yocoboard.com\/support\/wp-json\/wp\/v2\/tags?post=414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}