{"action":"closed","issue":{"url":"https://api.github.com/repos/openfcci/areavoices-network/issues/38","repository_url":"https://api.github.com/repos/openfcci/areavoices-network","labels_url":"https://api.github.com/repos/openfcci/areavoices-network/issues/38/labels{/name}","comments_url":"https://api.github.com/repos/openfcci/areavoices-network/issues/38/comments","events_url":"https://api.github.com/repos/openfcci/areavoices-network/issues/38/events","html_url":"https://github.com/openfcci/areavoices-network/issues/38","id":144895390,"number":38,"title":"Add product match widget to Bison Media Blog and UND Hockey Blog","user":{"login":"jgrinsteinner","id":17886062,"avatar_url":"https://avatars.githubusercontent.com/u/17886062?v=3","gravatar_id":"","url":"https://api.github.com/users/jgrinsteinner","html_url":"https://github.com/jgrinsteinner","followers_url":"https://api.github.com/users/jgrinsteinner/followers","following_url":"https://api.github.com/users/jgrinsteinner/following{/other_user}","gists_url":"https://api.github.com/users/jgrinsteinner/gists{/gist_id}","starred_url":"https://api.github.com/users/jgrinsteinner/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jgrinsteinner/subscriptions","organizations_url":"https://api.github.com/users/jgrinsteinner/orgs","repos_url":"https://api.github.com/users/jgrinsteinner/repos","events_url":"https://api.github.com/users/jgrinsteinner/events{/privacy}","received_events_url":"https://api.github.com/users/jgrinsteinner/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/openfcci/areavoices-network/labels/[AdOps]","name":"[AdOps]","color":"d4c5f9"}],"state":"closed","locked":false,"assignee":{"login":"rveitch","id":12876929,"avatar_url":"https://avatars.githubusercontent.com/u/12876929?v=3","gravatar_id":"","url":"https://api.github.com/users/rveitch","html_url":"https://github.com/rveitch","followers_url":"https://api.github.com/users/rveitch/followers","following_url":"https://api.github.com/users/rveitch/following{/other_user}","gists_url":"https://api.github.com/users/rveitch/gists{/gist_id}","starred_url":"https://api.github.com/users/rveitch/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rveitch/subscriptions","organizations_url":"https://api.github.com/users/rveitch/orgs","repos_url":"https://api.github.com/users/rveitch/repos","events_url":"https://api.github.com/users/rveitch/events{/privacy}","received_events_url":"https://api.github.com/users/rveitch/received_events","type":"User","site_admin":false},"milestone":null,"comments":1,"created_at":"2016-03-31T13:04:34Z","updated_at":"2016-04-05T13:06:09Z","closed_at":"2016-04-05T13:06:09Z","body":"### Overview\r\nPlease add this product match widget on the article pages of http://bisonmedia.areavoices.com/ and http://undhockey.areavoices.com/ and associated placement on mobile.\r\n\r\nCode Snippets are located in the Reference section:\r\nThe top div tag holds all of the parameters you can change. The one thing you’ll need to do is programmatically add the canonical url to ensure the best match for each article.\r\n\r\nYou may also want to play with the data-take parameter which dictates how many products to pull. I set it to 4 per our conversation, however depending on the size of the space, 3 may work better.\r\n\r\nI setup your template parameters to pick up the green from your site and say Shop Now in the button. All of these things, as well as many more can by changed. Feel free to reach out with questions and we have detailed developer documentation here - https://developer.okanjo.com/okanjo-js#okanjo-js\r\n\r\n#### Checklist\r\n- [ ] Widget added to [Bison Media Blog](http://bisonmedia.areavoices.com/) `at the bottom of the right hand rail` and associated placement on mobile.\r\n- [ ] Widget added to [UND Hockey Blog](http://undhockey.areavoices.com/) `at the bottom of the story, right before the \"Responses\" section` and associated placement on mobile.\r\n\r\n#### Mockups & Examples\r\n\r\n[Bison Media Code:](https://gist.github.com/Corleen/2d2494a303bdc83eb95ad5764d4eb9de)\r\n```js\r\n<div class=\"product-widget-dropzone\" \r\n   data-mode=\"sense\" \r\n   data-take=\"4\" \r\n   data-template-product-main=\"product.block2\"\r\n   data-template-cta-style=\"button\"\r\n   data-template-cta-color=\"#006633\"\r\n   data-url=\"Programatically add your url here\" \r\n   data-selectors=\"h1.story-title, div.post-cat-contain, #content-area > p, #content-area > ul\"\r\n   data-pools=\"BisonMedia\">\r\n</div>\r\n<script src=\"https://cdn.okanjo.com/js/latest/okanjo-bundle.min.js\" crossorigin=\"anonymous\"></script>\r\n<script>\r\n\r\n    // You can set the global key on the okanjo namespace, or you can set it as an option on the widget constructor\r\n    okanjo.key = 'AK18PpKGrMUO8Mp3wj5eYWQwTL6pyBbfj';\r\n\r\n    // Create a product widget on the elements with given class\r\n    var targets = okanjo.qwery('.product-widget-dropzone'), i = 0, p = [];\r\n    for ( ; i < targets.length; i++) {\r\n        p.push(new okanjo.Product(targets[i]));\r\n    }\r\n\r\n</script>\r\n```\r\n\r\n[UND Hockey Code:]()\r\n```js\r\n<div class=\"product-widget-dropzone\" \r\n   data-mode=\"sense\" \r\n   data-take=\"4\" \r\n   data-template-product-main=\"product.block2\"\r\n   data-template-cta-style=\"button\"\r\n   data-template-cta-color=\"#006633\"\r\n   data-url=\"Programatically add your url here\" \r\n   data-selectors=\"h1.entry-title, div.entry-content p\"\r\n   data-pools=\"UNDhockey\">\r\n</div>\r\n<script src=\"https://cdn.okanjo.com/js/latest/okanjo-bundle.min.js\" crossorigin=\"anonymous\"></script>\r\n<script>\r\n\r\n    // You can set the global key on the okanjo namespace, or you can set it as an option on the widget constructor\r\n    okanjo.key = 'AKlb0IhnNwnvYcXvVMv7MvWGsAzAphho';\r\n\r\n    // Create a product widget on the elements with given class\r\n    var targets = okanjo.qwery('.product-widget-dropzone'), i = 0, p = [];\r\n    for ( ; i < targets.length; i++) {\r\n        p.push(new okanjo.Product(targets[i]));\r\n    }\r\n\r\n</script>\r\n```\r\n![okanjo-bisonmedia-undhockey-splitdiff](https://cloud.githubusercontent.com/assets/12876929/14195754/7bb76402-f782-11e5-9242-2c061efa64bf.png)\r\n### Reference\r\n- [Bison Media Blog Code Snippet](https://gist.github.com/Corleen/2d2494a303bdc83eb95ad5764d4eb9de)\r\n- [UND Hockey Blog Code Snippet](https://gist.github.com/Corleen/f313cd82cc6dd3e068c160ea96741356)\r\n- [Northland Outdoors Blog Code Snippet](https://gist.github.com/Corleen/fe1577f185526483fb420fec45ed312c)\r\n- [Developer Documentation](https://developer.okanjo.com/okanjo-js#okanjo-js)\r\n"}}