{"id":16553032,"url":"https://github.com/stangirard/primates-ghost","last_synced_at":"2026-03-09T06:31:18.566Z","repository":{"id":106362579,"uuid":"241154763","full_name":"StanGirard/Primates-Ghost","owner":"StanGirard","description":"Old Ghost Theme for Primates - Medium Like. Now used for https://souslapluie.fr","archived":false,"fork":false,"pushed_at":"2020-06-19T21:56:46.000Z","size":8522,"stargazers_count":6,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-12T02:56:29.555Z","etag":null,"topics":["ghost","ghost-blog","ghost-blog-theme","ghost-theme","medium","primates"],"latest_commit_sha":null,"homepage":"https://primates.dev","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/StanGirard.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-02-17T16:28:32.000Z","updated_at":"2023-03-06T13:16:37.000Z","dependencies_parsed_at":"2024-01-08T16:05:48.423Z","dependency_job_id":null,"html_url":"https://github.com/StanGirard/Primates-Ghost","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/StanGirard/Primates-Ghost","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StanGirard%2FPrimates-Ghost","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StanGirard%2FPrimates-Ghost/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StanGirard%2FPrimates-Ghost/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StanGirard%2FPrimates-Ghost/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/StanGirard","download_url":"https://codeload.github.com/StanGirard/Primates-Ghost/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StanGirard%2FPrimates-Ghost/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30284774,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-09T02:57:19.223Z","status":"ssl_error","status_checked_at":"2026-03-09T02:56:26.373Z","response_time":61,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ghost","ghost-blog","ghost-blog-theme","ghost-theme","medium","primates"],"created_at":"2024-10-11T19:46:51.181Z","updated_at":"2026-03-09T06:31:18.549Z","avatar_url":"https://github.com/StanGirard.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Primates theme for [Ghost](https://github.com/tryghost/ghost/)\n\n\n## Featured\n\n- Support for different [languages](http://themes.ghost.org/docs/i18n#section-how-to-add-any-language) (en - es - de - tr - fr-CA - ru)\n- Light Mode / Dark Mode\n- [AMP](https://github.com/godofredoninja/Hodor-AMP-Ghost) Template\n- Very fast search engine\n- Related Articles (6 articles)\n- Different templates for the Home Page\n- Different templates for publishing posts\n- Include Google Analytics Tracking use (Google Tag Manager)\n- Page for (Contact - Podcast - Tags - Authors - Newsletter)\n- Previous and next Post\n- YouTube Subscribe Button in video post Format\n- Social Media\n- Instagram Feed in footer of Post\n- Page 404 (Multiple faces emoticons)\n- Pagination Infinite Scroll\n- Support Disqus comments\n- Buttons to share Post\n- YouTube, Vimeo, kickstarter, dailymotion =\u003e Responsive\n- Varied colors to change the look of the theme\n- Lazy load Image for better performance only in backgrounds\n- Code syntax [Prismjs](http://prismjs.com/index.html#languages-list) Supported all syntax.\n\n## Table of Contents\n\n- [Web Browser Support for Simply](#web-browser-support-for-simply)\n- [Ghost Settings](#ghost-settings)\n- [Simply Settings](#simply-settings)\n  - [Social Media](#1-social-media)\n  - [YouTube Subscribe Button](#2-youtube-subscribe-button)\n  - [Instagram](#3-instagram)\n  - [Comments](#4-comments)\n  - [Search](#5-search)\n- [Home](#home-page)\n  - [Default](#home-page)\n  - [Featured](#home-page)\n  - [Medium](#home-page)\n  - [Sidebar](#home-page)\n  - [Grid](#home-page)\n- [Post](#post-format)\n  - [Default Post](##post-format)\n  - [Post Image](##post-format)\n  - [Post Video](##post-format)\n  - [Post Not Image](##post-format)\n- [Page](#page)\n  - [Contact](#contact-page)\n  - [Newsletter](#newsletter-page)\n- [Archive](#authors-page)\n  - [Authors](#authors-page)\n  - [Tags](#tags-page)\n  - [Podcast](#podcast-page)\n- [Theme Translation](#theme-translation)\n- [AMP](#amp)\n- [Change Theme Color](#change-theme-color)\n- [Tracking Google Tag Mananger](#tracking-google-tag-mananger)\n- [PrismJS code syntax](#prismjs-code-syntax)\n\n## Web Browser Support for Simply\n\nSimply supports the following web [browsers](http://caniuse.com/#search=flexbox).\n\n## Ghost Settings\n\nEnable the following checkbox on the Labs page in the Ghost admin panel.\n\n![ghost labs](./documentation/ghost-settings.jpg)\n\n## Simply Settings\n\n\u003e You don't have to add all the Simply configurations. only the ones you need\n\n### 1. Social Media\n\n\u003e Facebook and Twitter is not necessary because I use them from the ghost settings\n\nAdd the Social Links only for the services you want to appear in the header section of your website. Pay attention as enabling too many services will cause menu problems.\n\n:arrow_right: `Dashboard -\u003e Code injection -\u003e Site Footer`\n\n```html\n\u003cscript\u003e\nvar followSocialMedia = {\n  'youtube': ['YOUR_URL','YOUR_TITLE'],\n  'instagram': ['YOUR_URL','YOUR_TITLE'],\n  'github': ['YOUR_URL','YOUR_TITLE'],\n  'linkedin': ['YOUR_URL','YOUR_TITLE'],\n  'rss': ['YOUR_URL','YOUR_TITLE'],\n\n  /*\n  'snapchat': ['YOUR_URL','YOUR_TITLE'],\n  'dribbble': ['YOUR_URL','YOUR_TITLE'],\n  'spotify': ['YOUR_URL','YOUR_TITLE'],\n  'codepen': ['YOUR_URL','YOUR_TITLE'],\n  'behance': ['YOUR_URL','YOUR_TITLE'],\n  'flickr': ['YOUR_URL','YOUR_TITLE'],\n  'telegram': ['YOUR_URL','YOUR_TITLE'],\n  'vimeo': ['YOUR_URL','YOUR_TITLE'],\n  'twitch': ['YOUR_URL','YOUR_TITLE'],\n  'vk': ['YOUR_URL','YOUR_TITLE'],\n  'slack': ['YOUR_URL','YOUR_TITLE'],\n  'tumblr': ['YOUR_URL','YOUR_TITLE'],\n  'discord': ['YOUR_URL','YOUR_TITLE'],\n  */\n};\n\u003c/script\u003e\n```\n\n:point_right: For those who are commented it is necessary to add those icons through `SVG`\n\nIt is not necessary to add all the icons. Only the icons you need.\n\n:arrow_right: `Dashboard -\u003e Code injection -\u003e Site Footer`\n\n```html\n\u003csvg aria-hidden=\"true\" style=\"position: absolute; width: 0; height: 0; overflow: hidden;\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\u003e\n    \u003cdefs\u003e\n        \u003c!-- discord --\u003e\n        \u003csymbol id=\"icon-discord\" viewBox=\"0 0 24 24\"\u003e\n        \u003ctitle\u003ediscord\u003c/title\u003e\n        \u003cpath d=\"M20.222 0c1.406 0 2.54 1.137 2.607 2.475v21.525l-2.677-2.273-1.47-1.338-1.604-1.398 0.67 2.205h-14.038c-1.402 0-2.54-1.065-2.54-2.476v-16.24c0-1.338 1.14-2.477 2.545-2.477l16.507-0.003zM14.104 5.683h-0.030l-0.202 0.2c2.073 0.6 3.076 1.537 3.076 1.537-1.336-0.668-2.54-1.002-3.744-1.137-0.87-0.135-1.74-0.064-2.475 0h-0.2c-0.47 0-1.47 0.2-2.81 0.735-0.467 0.203-0.735 0.336-0.735 0.336s1.002-1.002 3.21-1.537l-0.135-0.135s-1.672-0.064-3.477 1.27c0 0-1.805 3.144-1.805 7.020 0 0 1 1.74 3.743 1.806 0 0 0.4-0.533 0.805-1.002-1.54-0.468-2.14-1.404-2.14-1.404s0.134 0.066 0.335 0.2h0.060c0.030 0 0.044 0.015 0.060 0.030v0.006c0.016 0.016 0.030 0.030 0.060 0.030 0.33 0.136 0.66 0.27 0.93 0.4 0.466 0.202 1.065 0.403 1.8 0.536 0.93 0.135 1.996 0.2 3.21 0 0.6-0.135 1.2-0.267 1.8-0.535 0.39-0.2 0.87-0.4 1.397-0.737 0 0-0.6 0.936-2.205 1.404 0.33 0.466 0.795 1 0.795 1 2.744-0.060 3.81-1.8 3.87-1.726 0-3.87-1.815-7.020-1.815-7.020-1.635-1.214-3.165-1.26-3.435-1.26l0.056-0.020zM14.272 10.096c0.703 0 1.27 0.6 1.27 1.335 0 0.74-0.57 1.34-1.27 1.34s-1.27-0.6-1.27-1.334c0.002-0.74 0.573-1.338 1.27-1.338zM9.729 10.096c0.7 0 1.266 0.6 1.266 1.335 0 0.74-0.57 1.34-1.27 1.34s-1.27-0.6-1.27-1.334c0-0.74 0.57-1.338 1.27-1.338z\"\u003e\u003c/path\u003e\n        \u003c/symbol\u003e\n        \u003c!-- flickr --\u003e\n        \u003csymbol id=\"icon-flickr\" viewBox=\"0 0 21 24\"\u003e\n        \u003ctitle\u003eflickr\u003c/title\u003e\n        \u003cpath d=\"M16.714 1.714c2.129 0 3.857 1.728 3.857 3.857v12.857c0 2.129-1.728 3.857-3.857 3.857h-12.857c-2.129 0-3.857-1.728-3.857-3.857v-12.857c0-2.129 1.728-3.857 3.857-3.857h12.857zM9.348 12c0-1.567-1.272-2.839-2.839-2.839s-2.839 1.272-2.839 2.839 1.272 2.839 2.839 2.839 2.839-1.272 2.839-2.839zM16.902 12c0-1.567-1.272-2.839-2.839-2.839s-2.839 1.272-2.839 2.839 1.272 2.839 2.839 2.839 2.839-1.272 2.839-2.839z\"\u003e\u003c/path\u003e\n        \u003c/symbol\u003e\n        \u003c!-- tumblr --\u003e\n        \u003csymbol id=\"icon-tumblr\" viewBox=\"0 0 15 24\"\u003e\n        \u003ctitle\u003etumblr\u003c/title\u003e\n        \u003cpath d=\"M12.643 17.799l1.071 3.174c-0.402 0.603-2.223 1.286-3.857 1.313-4.862 0.080-6.696-3.455-6.696-5.946v-7.286h-2.25v-2.879c3.375-1.219 4.192-4.272 4.379-6.013 0.013-0.107 0.107-0.161 0.161-0.161h3.268v5.679h4.46v3.375h-4.473v6.938c0 0.938 0.348 2.237 2.143 2.196 0.589-0.013 1.379-0.188 1.795-0.388z\"\u003e\u003c/path\u003e\n        \u003c/symbol\u003e\n        \u003c!-- dribbble --\u003e\n        \u003csymbol id=\"icon-dribbble\" viewBox=\"0 0 21 24\"\u003e\n        \u003ctitle\u003edribbble\u003c/title\u003e\n        \u003cpath d=\"M13.714 20.089c-0.134-0.777-0.643-3.455-1.875-6.67-0.013 0-0.040 0.013-0.054 0.013 0 0-5.21 1.821-6.897 5.491-0.080-0.067-0.201-0.147-0.201-0.147 1.527 1.246 3.469 2.009 5.598 2.009 1.219 0 2.371-0.254 3.429-0.696zM11.237 11.96c-0.214-0.496-0.455-0.991-0.71-1.487-4.527 1.353-8.866 1.246-9.013 1.246-0.013 0.094-0.013 0.188-0.013 0.281 0 2.25 0.857 4.313 2.25 5.866v0c2.397-4.272 7.138-5.799 7.138-5.799 0.121-0.040 0.241-0.067 0.348-0.107zM9.804 9.121c-1.527-2.705-3.147-4.902-3.268-5.063-2.451 1.152-4.272 3.415-4.848 6.134 0.228 0 3.897 0.040 8.116-1.071zM18.964 13.393c-0.188-0.054-2.638-0.83-5.478-0.388 1.152 3.174 1.621 5.759 1.714 6.281 1.969-1.326 3.362-3.442 3.763-5.893zM8.183 3.469c-0.013 0-0.013 0-0.027 0.013 0 0 0.013-0.013 0.027-0.013zM16.085 5.411c-1.54-1.366-3.576-2.196-5.799-2.196-0.71 0-1.406 0.094-2.076 0.254 0.134 0.174 1.795 2.357 3.295 5.116 3.308-1.232 4.554-3.134 4.58-3.174zM19.071 11.906c-0.027-2.076-0.763-3.991-1.996-5.491-0.027 0.027-1.433 2.063-4.902 3.482 0.201 0.415 0.402 0.844 0.589 1.272 0.067 0.147 0.121 0.308 0.188 0.455 3.027-0.388 6.013 0.268 6.121 0.281zM20.571 12c0 5.679-4.607 10.286-10.286 10.286s-10.286-4.607-10.286-10.286 4.607-10.286 10.286-10.286 10.286 4.607 10.286 10.286z\"\u003e\u003c/path\u003e\n        \u003c/symbol\u003e\n        \u003c!-- vk --\u003e\n        \u003csymbol id=\"icon-vk\" viewBox=\"0 0 26 24\"\u003e\n        \u003ctitle\u003evk\u003c/title\u003e\n        \u003cpath d=\"M25.674 6.964c0.201 0.549-0.429 1.835-2.009 3.938-2.598 3.455-2.879 3.134-0.737 5.129 2.062 1.915 2.491 2.839 2.558 2.96 0 0 0.857 1.5-0.951 1.513l-3.429 0.054c-0.737 0.147-1.714-0.522-1.714-0.522-1.286-0.884-2.491-3.174-3.429-2.879 0 0-0.964 0.308-0.938 2.371 0.013 0.442-0.201 0.683-0.201 0.683s-0.241 0.254-0.71 0.295h-1.54c-3.388 0.214-6.375-2.906-6.375-2.906s-3.268-3.375-6.134-10.112c-0.188-0.442 0.013-0.656 0.013-0.656s0.201-0.254 0.763-0.254l3.67-0.027c0.348 0.054 0.589 0.241 0.589 0.241s0.214 0.147 0.321 0.429c0.603 1.5 1.379 2.866 1.379 2.866 1.339 2.759 2.25 3.228 2.772 2.946 0 0 0.683-0.415 0.536-3.75-0.054-1.205-0.388-1.754-0.388-1.754-0.308-0.415-0.884-0.536-1.138-0.576-0.201-0.027 0.134-0.509 0.576-0.723 0.656-0.321 1.821-0.335 3.201-0.321 1.085 0.013 1.393 0.080 1.808 0.174 1.272 0.308 0.844 1.487 0.844 4.326 0 0.911-0.174 2.183 0.482 2.598 0.281 0.188 0.978 0.027 2.692-2.893 0 0 0.804-1.393 1.433-3.013 0.107-0.295 0.335-0.415 0.335-0.415s0.214-0.121 0.509-0.080l3.857-0.027c1.165-0.147 1.353 0.388 1.353 0.388z\"\u003e\u003c/path\u003e\n        \u003c/symbol\u003e\n        \u003c!-- slack --\u003e\n        \u003csymbol id=\"icon-slack\" viewBox=\"0 0 22 24\"\u003e\n        \u003ctitle\u003eslack\u003c/title\u003e\n        \u003cpath d=\"M20.344 10.393c1.098 0 1.942 0.804 1.942 1.902 0 0.857-0.442 1.46-1.246 1.741l-2.304 0.79 0.75 2.237c0.067 0.201 0.094 0.415 0.094 0.629 0 1.058-0.857 1.942-1.915 1.942-0.844 0-1.594-0.522-1.862-1.326l-0.737-2.21-4.152 1.42 0.737 2.196c0.067 0.201 0.107 0.415 0.107 0.629 0 1.045-0.857 1.942-1.929 1.942-0.844 0-1.58-0.522-1.848-1.326l-0.737-2.183-2.049 0.71c-0.214 0.067-0.442 0.121-0.67 0.121-1.085 0-1.902-0.804-1.902-1.888 0-0.83 0.536-1.58 1.326-1.848l2.089-0.71-1.406-4.192-2.089 0.723c-0.214 0.067-0.429 0.107-0.643 0.107-1.071 0-1.902-0.817-1.902-1.888 0-0.83 0.536-1.58 1.326-1.848l2.103-0.71-0.71-2.129c-0.067-0.201-0.107-0.415-0.107-0.629 0-1.058 0.857-1.942 1.929-1.942 0.844 0 1.58 0.522 1.848 1.326l0.723 2.143 4.152-1.406-0.723-2.143c-0.067-0.201-0.107-0.415-0.107-0.629 0-1.058 0.871-1.942 1.929-1.942 0.844 0 1.594 0.536 1.862 1.326l0.71 2.156 2.17-0.737c0.188-0.054 0.375-0.080 0.576-0.080 1.045 0 1.942 0.777 1.942 1.848 0 0.83-0.643 1.527-1.393 1.781l-2.103 0.723 1.406 4.232 2.196-0.75c0.201-0.067 0.415-0.107 0.616-0.107zM9.71 13.902l4.152-1.406-1.406-4.219-4.152 1.433z\"\u003e\u003c/path\u003e\n        \u003c/symbol\u003e\n        \u003c!-- behance --\u003e\n        \u003csymbol id=\"icon-behance\" viewBox=\"0 0 21 24\"\u003e\n        \u003ctitle\u003ebehance\u003c/title\u003e\n        \u003cpath d=\"M16.714 1.714c2.129 0 3.857 1.728 3.857 3.857v12.857c0 2.129-1.728 3.857-3.857 3.857h-12.857c-2.129 0-3.857-1.728-3.857-3.857v-12.857c0-2.129 1.728-3.857 3.857-3.857h12.857zM6.683 6.629h-4.969v10.54h5.116c1.915 0 3.71-0.911 3.71-3.054 0-1.326-0.629-2.304-1.915-2.679 0.938-0.455 1.433-1.138 1.433-2.196 0-2.103-1.567-2.612-3.375-2.612zM6.388 10.888h-2.357v-2.464h2.183c0.83 0 1.594 0.228 1.594 1.205 0 0.897-0.589 1.259-1.42 1.259zM6.509 15.375h-2.478v-2.906h2.531c1.018 0 1.661 0.442 1.661 1.513s-0.763 1.393-1.714 1.393zM15.214 15.804c-1.232 0-1.875-0.723-1.875-1.942h5.504c0.013-0.134 0.013-0.268 0.013-0.402 0-2.25-1.326-4.138-3.723-4.138-2.317 0-3.911 1.754-3.911 4.045 0 2.384 1.5 4.004 3.911 4.004 1.835 0 3.013-0.817 3.576-2.558h-1.848c-0.201 0.643-1.018 0.991-1.647 0.991zM15.080 10.902c1.045 0 1.567 0.629 1.661 1.634h-3.402c0.067-1.004 0.737-1.634 1.741-1.634zM12.911 7.339h4.272v1.031h-4.272v-1.031z\"\u003e\u003c/path\u003e\n        \u003c/symbol\u003e\n        \u003c!-- spotify --\u003e\n        \u003csymbol id=\"icon-spotify\" viewBox=\"0 0 21 24\"\u003e\n        \u003ctitle\u003espotify\u003c/title\u003e\n        \u003cpath d=\"M15.094 16.205c0-0.375-0.147-0.522-0.402-0.683-1.728-1.031-3.737-1.54-5.987-1.54-1.313 0-2.571 0.174-3.844 0.455-0.308 0.067-0.563 0.268-0.563 0.696 0 0.335 0.254 0.656 0.656 0.656 0.121 0 0.335-0.067 0.496-0.107 1.045-0.214 2.143-0.362 3.254-0.362 1.969 0 3.83 0.482 5.317 1.379 0.161 0.094 0.268 0.147 0.442 0.147 0.335 0 0.629-0.268 0.629-0.643zM16.379 13.326c0-0.362-0.134-0.616-0.469-0.817-2.049-1.219-4.647-1.888-7.339-1.888-1.728 0-2.906 0.241-4.058 0.563-0.429 0.121-0.643 0.415-0.643 0.857s0.362 0.804 0.804 0.804c0.188 0 0.295-0.054 0.496-0.107 0.938-0.254 2.063-0.442 3.362-0.442 2.545 0 4.862 0.67 6.536 1.661 0.147 0.080 0.295 0.174 0.509 0.174 0.455 0 0.804-0.362 0.804-0.804zM17.826 10.004c0-0.496-0.214-0.75-0.536-0.938-2.317-1.353-5.491-1.982-8.518-1.982-1.781 0-3.415 0.201-4.875 0.629-0.375 0.107-0.723 0.429-0.723 0.991 0 0.549 0.415 0.978 0.964 0.978 0.201 0 0.388-0.067 0.536-0.107 1.299-0.362 2.705-0.496 4.112-0.496 2.786 0 5.679 0.616 7.54 1.728 0.188 0.107 0.321 0.161 0.536 0.161 0.509 0 0.964-0.402 0.964-0.964zM20.571 12c0 5.679-4.607 10.286-10.286 10.286s-10.286-4.607-10.286-10.286 4.607-10.286 10.286-10.286 10.286 4.607 10.286 10.286z\"\u003e\u003c/path\u003e\n        \u003c/symbol\u003e\n        \u003c!-- codepen --\u003e\n        \u003csymbol id=\"icon-codepen\" viewBox=\"0 0 24 24\"\u003e\n        \u003ctitle\u003ecodepen\u003c/title\u003e\n        \u003cpath d=\"M2.893 15.656l8.076 5.384v-4.808l-4.473-2.987zM2.063 13.728l2.585-1.728-2.585-1.728v3.455zM13.031 21.040l8.076-5.384-3.603-2.411-4.473 2.987v4.808zM12 14.438l3.643-2.438-3.643-2.438-3.643 2.438zM6.496 10.754l4.473-2.987v-4.808l-8.076 5.384zM19.353 12l2.585 1.728v-3.455zM17.504 10.754l3.603-2.411-8.076-5.384v4.808zM24 8.344v7.313c0 0.335-0.174 0.67-0.455 0.857l-10.969 7.313c-0.174 0.107-0.375 0.174-0.576 0.174s-0.402-0.067-0.576-0.174l-10.969-7.313c-0.281-0.188-0.455-0.522-0.455-0.857v-7.313c0-0.335 0.174-0.67 0.455-0.857l10.969-7.313c0.174-0.107 0.375-0.174 0.576-0.174s0.402 0.067 0.576 0.174l10.969 7.313c0.281 0.188 0.455 0.522 0.455 0.857z\"\u003e\u003c/path\u003e\n        \u003c/symbol\u003e\n        \u003c!-- twitch --\u003e\n        \u003csymbol id=\"icon-twitch\" viewBox=\"0 0 24 24\"\u003e\n        \u003ctitle\u003etwitch\u003c/title\u003e\n        \u003cpath d=\"M12 5.813v5.813h-1.942v-5.813h1.942zM17.33 5.813v5.813h-1.942v-5.813h1.942zM17.33 15.991l3.388-3.402v-10.647h-15.991v14.049h4.366v2.906l2.906-2.906h5.33zM22.661 0v13.567l-5.813 5.813h-4.366l-2.906 2.906h-2.906v-2.906h-5.33v-15.509l1.46-3.871h19.862z\"\u003e\u003c/path\u003e\n        \u003c/symbol\u003e\n        \u003c!-- vimeo --\u003e\n        \u003csymbol id=\"icon-vimeo\" viewBox=\"0 0 24 24\"\u003e\n        \u003ctitle\u003evimeo\u003c/title\u003e\n        \u003cpath d=\"M22.888 6.938c-0.094 2.116-1.58 5.022-4.446 8.719-2.973 3.844-5.464 5.772-7.527 5.772-1.272 0-2.344-1.179-3.214-3.522-0.589-2.143-1.179-4.299-1.768-6.455-0.643-2.344-1.353-3.509-2.103-3.509-0.161 0-0.723 0.335-1.701 1.018l-1.031-1.313c1.071-0.951 2.129-1.915 3.188-2.839 1.42-1.259 2.504-1.888 3.228-1.955 1.701-0.161 2.732 0.991 3.134 3.469 0.415 2.679 0.723 4.353 0.884 4.996 0.496 2.223 1.018 3.335 1.607 3.335 0.455 0 1.138-0.71 2.063-2.156 0.911-1.446 1.393-2.545 1.46-3.295 0.121-1.246-0.362-1.862-1.46-1.862-0.522 0-1.058 0.121-1.621 0.348 1.071-3.509 3.121-5.21 6.147-5.116 2.237 0.067 3.295 1.527 3.161 4.366z\"\u003e\u003c/path\u003e\n        \u003c/symbol\u003e\n        \u003c!-- snapchat --\u003e\n        \u003csymbol id=\"icon-snapchat\" viewBox=\"0 0 22 24\"\u003e\n        \u003ctitle\u003esnapchat\u003c/title\u003e\n        \u003cpath d=\"M11.357 1.714c2.411-0.027 4.406 1.326 5.411 3.496 0.308 0.656 0.362 1.674 0.362 2.397 0 0.857-0.067 1.701-0.121 2.558 0.107 0.054 0.254 0.094 0.375 0.094 0.482 0 0.884-0.362 1.366-0.362 0.455 0 1.112 0.321 1.112 0.857 0 1.286-2.692 1.045-2.692 2.17 0 0.201 0.080 0.388 0.161 0.576 0.643 1.406 1.862 2.759 3.308 3.362 0.348 0.147 0.696 0.228 1.071 0.308 0.241 0.054 0.375 0.228 0.375 0.469 0 0.911-2.317 1.286-2.933 1.379-0.268 0.415-0.067 1.393-0.777 1.393-0.549 0-1.098-0.174-1.688-0.174-0.281 0-0.563 0.013-0.83 0.067-1.594 0.268-2.129 1.982-4.741 1.982-2.518 0-3.121-1.714-4.674-1.982-0.281-0.054-0.563-0.067-0.844-0.067-0.603 0-1.179 0.201-1.661 0.201-0.75 0-0.522-0.991-0.804-1.42-0.616-0.094-2.933-0.469-2.933-1.379 0-0.241 0.134-0.415 0.375-0.469 0.375-0.080 0.723-0.161 1.071-0.308 1.433-0.589 2.679-1.955 3.308-3.362 0.080-0.188 0.161-0.375 0.161-0.576 0-1.125-2.705-0.911-2.705-2.156 0-0.522 0.616-0.857 1.085-0.857 0.415 0 0.83 0.348 1.353 0.348 0.147 0 0.295-0.027 0.429-0.094-0.054-0.844-0.121-1.688-0.121-2.545 0-0.723 0.054-1.754 0.362-2.411 1.179-2.545 3.174-3.469 5.839-3.496z\"\u003e\u003c/path\u003e\n        \u003c/symbol\u003e\n        \u003c!-- telegram --\u003e\n        \u003csymbol id=\"icon-telegram\" viewBox=\"0 0 24 24\"\u003e\n        \u003ctitle\u003etelegram\u003c/title\u003e\n        \u003cpath d=\"M15.924 17.504l1.969-9.281c0.174-0.817-0.295-1.138-0.83-0.938l-11.571 4.46c-0.79 0.308-0.777 0.75-0.134 0.951l2.96 0.924 6.871-4.326c0.321-0.214 0.616-0.094 0.375 0.121l-5.558 5.022-0.214 3.054c0.308 0 0.442-0.134 0.603-0.295l1.446-1.393 3 2.21c0.549 0.308 0.938 0.147 1.085-0.509zM24 12c0 6.629-5.371 12-12 12s-12-5.371-12-12 5.371-12 12-12 12 5.371 12 12z\"\u003e\u003c/path\u003e\n        \u003c/symbol\u003e\n    \u003c/defs\u003e\n\u003c/svg\u003e\n```\n\n### 2. YouTube Subscribe Button\n\nSubscription Button of YouTube in Video Post Format. Add the Channel Name and Channel ID which can be found here [YouTube Advanced Settings](https://www.youtube.com/account_advanced)\n\n:arrow_right: `Dashboard -\u003e Code injection -\u003e Site Footer`\n\n```html\n\u003cscript\u003e\n  var youTube = {\n    name: 'YOUR_CHANNEL_NAME',\n    channelId: 'YOUR_CHANNEL_ID'\n  };\n\u003c/script\u003e\n```\n\n### 3. Instagram\n\n\u003e I get the last 10 images then show 6 randomly It will only be shown in the footer of the Post\n\nFirst, you will need to get your account `userName` and `userId` and `accessToken` from the following URLs:\n\n- userId: [codeofaninja.com/tools/find-instagram-user-id](https://codeofaninja.com/tools/find-instagram-user-id)\n- accessToken: [instagram.pixelunion.net](http://instagram.pixelunion.net/)\n\n:arrow_right: `Dashboard -\u003e Code injection -\u003e Site Footer`\n\n```html\n\u003cscript\u003e\n  var instagramFeed  = {\n    token: 'Token_app_instagram',\n    userId: 'User_ID',\n    userName: 'User_Name',\n  };\n\u003c/script\u003e\n```\n\n### 4. Comments\n\nSimply supports Disqus comments\n\n— First, you will need to get your account `disqusShortName`\n\n:arrow_right: `Dashboard -\u003e Code injection -\u003e Site Footer`\n\n```html\n\u003cscript\u003e\nvar disqusShortName = 'YOUR_DISQUS_SHORTCUT_HERE';\n\u003c/script\u003e\n```\n\n### 5. Search\n\n\u003e The default search engine will only search the titles of the post\n\n**Setup a Custom integration**\n\n1. Go in your Ghost's `dashboard -\u003e Integrations -\u003e Add custom integration`\n2. Set a name: `GodoFredo Themes Search`\n3. Get the Content API Key and replace the demo key with this one\n4. Get the admin domain. This will be different in some cases\n\n![Ghost API](./documentation/ghost-api.jpg)\n\n:arrow_right: `Dashboard -\u003e Code injection -\u003e Site Footer`\n\n```html\n\u003cscript\u003e\n  var searchSettings = {\n    key: 'ADD_YOUR_API_KEY',\n    url: 'https://demo.ghost.io',\n  };\n\u003c/script\u003e\n```\n\nOR - Adding parameters to the search\n\n```html\n\u003cscript\u003e\nvar searchSettings = {\n  key: 'ADD_YOUR_API_KEY',\n  url: 'https://demo.ghost.io',\n  /* This is optional */\n  options: {\n    keys: [\n      'title',\n    ],\n    limit: 10,\n  },\n  /* This is optional to perform filtering of the ghost api */\n  api: {\n    resource: 'posts',\n    parameters: {\n      limit: 'all',\n      fields: ['title', 'slug'],\n      filter: '',\n      include: '',\n      order: '',\n      formats: '',\n    },\n  },\n};\n\u003c/script\u003e\n```\n\nThe search engine that includes Simply is very powerful, supports almost all languages and you can customize to your liking.\n\nRead more about the search engine [Read More](https://github.com/HauntedThemes/ghost-search)\n\n## Home Page\n\n\u003e Simply - come with 4 Home page with different layout options\n\n- First back up your routes in your ghost settings `Labs -\u003e Routes -\u003e Download current routes.yml`\n- Re-download the Route and edit `routes.yml` line `collections -\u003e template`\n  - `index` — **Default**\n  - `godo-template-featured` — **With Featured Post**\n  - `godo-template-sidebar` — **Right Sidebar**\n  - `godo-template-grid` — **Grid 3 Cols**\n- Once you have chosen save the file and upload again\n- If do not observe changes restart ghost\n\n- **Medium** - Rename the file `medium-home.hbs` to `home.hbs`\n\n```yaml\ncollections:\n  /:\n    permalink: /{slug}/\n    template:\n      # - godo-template-grid\n      # - godo-template-featured\n      # - godo-template-sidebar\n      - index\n```\n\n[![Simply home page theme for ghost](./documentation/home-page.jpg)](https://www.behance.net/gallery/89129849/Simply-Home-Page-free-theme-for-Ghost)\n\n[![Simply home page theme for ghost styles](./documentation/home-page-2.jpeg)](https://www.behance.net/gallery/89129849/Simply-Home-Page-free-theme-for-Ghost)\n\n## Post Format\n\nSimply has different templates for post formats. I will mention some of them.\n\n![ghost post format](./documentation/post-format.png)\n\n**Post Image** — The Featured image will become large size\n\n**Post Not Image** — The featured image will not be displayed in the article (Post)\n\n**Post Video** — The first video in the article will be large size. Supports formats\n\n- vimeo\n- Dailymotion\n- YouTube\n- kickstarter\n\n\u003e Add video where convenient. When you change the theme you will not have problems and not have Problem in your AMP Template\n\n[![ghost post format](./documentation/post-format.jpg)](https://www.behance.net/gallery/89148887/Simply-Default-Post)\n\n## Page\n\n### Tags Page\n\n\u003e A page will be displayed with all tags sorted from highest to lowest number of articles.\n\n- Create a new page\n- Choose your favorite url and title\n- Select the `Archive Tags` template from the Template dropdown\n- Publish the page\n- To add the page to the navigation\n\n[![Tag Archive](./documentation/tag-archive.jpg)](https://www.behance.net/gallery/89147093/Simply-Tags-Page)\n\n## Authors Page\n\n- Create a new page\n- Choose your favorite url and title\n- Select the `Archive Author` template from the Template dropdown\n- Publish the page\n- To add the page to the navigation\n\n## Contact Page\n\n- Create a new page\n- Choose your favorite url and title\n- Select the `Archive Contact` template from the Template dropdown\n- Publish the page\n- To add the page to the navigation\n\n:arrow_right: Add your content and the contact form code using [FORMSPREE](https://formspree.io/) as a service. Please check the code example below.\n\n```html\n\u003cform action=\"https://formspree.io/hello@godofredo.ninja\" class=\"u-marginBottom40 u-marginAuto u-maxWidth740\" method=\"POST\"\u003e\n    \u003cdiv class=\"row\"\u003e\n        \u003cdiv class=\"col s12 m6 u-marginBottom30\"\u003e\n            \u003cinput name=\"name\" type=\"text\" placeholder=\"Your Name\" required\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"col s12 m6 u-marginBottom30\"\u003e\n            \u003cinput name=\"email\" type=\"email\" placeholder=\"Your Email\" required\u003e\n        \u003c/div\u003e\n\n        \u003cdiv class=\"col s12 u-marginBottom30\"\u003e\u003ctextarea name=\"message\" placeholder=\"Type Message\" required\u003e\u003c/textarea\u003e\u003c/div\u003e\n        \u003cdiv class=\"col s12 u-textAlignCenter u-marginBottom40\"\u003e\u003cbutton type=\"submit\" class=\"button button--large button--success\"\u003eSend Message\u003c/button\u003e\u003c/div\u003e\n    \u003c/div\u003e\n\u003c/form\u003e\n```\n\n:arrow_right: PHONE - ADDRESS - EMAIL\n\n```html\n\u003cdiv class=\"pae row u-textAlignCenter\"\u003e\n    \u003cdiv class=\"col s12 m6 l4 u-marginBottom30\"\u003e\n        \u003cdiv class=\"pae-icon\"\u003e\n            \u003csvg viewBox=\"0 0 24 24\" width=\"64\" height=\"64\" stroke=\"currentColor\" stroke-width=\"1\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\u003e\u003c/rect\u003e\u003cline x1=\"12\" y1=\"18\" x2=\"12\" y2=\"18\"\u003e\u003c/line\u003e\u003c/svg\u003e\n        \u003c/div\u003e\n        \u003ch4 class=\"pae-title\"\u003ePHONE\u003c/h4\u003e\n        \u003cdiv class=\"pae-des u-fontSizeBase\"\u003e\n            \u003cp\u003e+51 987 659 249\u003c/p\u003e\n            \u003cp\u003e+51 01 424 0827\u003c/p\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n\n    \u003cdiv class=\"col s12 m6 l4 u-marginBottom30\"\u003e\n        \u003cdiv class=\"pae-icon\"\u003e\n            \u003csvg viewBox=\"0 0 24 24\" width=\"64\" height=\"64\" stroke=\"currentColor\" stroke-width=\"1\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\u003e\u003c/path\u003e\u003ccircle cx=\"12\" cy=\"10\" r=\"3\"\u003e\u003c/circle\u003e\u003c/svg\u003e\n        \u003c/div\u003e\n        \u003ch4 class=\"pae-title\"\u003eADDRESS\u003c/h4\u003e\n        \u003cdiv class=\"pae-des u-fontSizeBase\"\u003e\n            \u003cp\u003eParque de la Reserva, Jr. Madre de Dios, Cercado de Lima, Perú\u003c/p\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n\n    \u003cdiv class=\"col s12 m6 l4 u-marginBottom30\"\u003e\n        \u003cdiv class=\"pae-icon\"\u003e\n            \u003csvg viewBox=\"0 0 24 24\" width=\"64\" height=\"64\" stroke=\"currentColor\" stroke-width=\"1\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\u003e\u003c/path\u003e\u003cpolyline points=\"22,6 12,13 2,6\"\u003e\u003c/polyline\u003e\u003c/svg\u003e\n        \u003c/div\u003e\n        \u003ch4 class=\"pae-title\"\u003eEMAIL\u003c/h4\u003e\n        \u003cdiv class=\"pae-des u-fontSizeBase\"\u003e\n            \u003cp\u003ehello@godofredo.ninja\u003c/p\u003e\n            \u003cp\u003etest@godofredo.ninja\u003c/p\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n```\n\n:arrow_right: Google Maps\n\n```html\n\u003cdiv class=\"archive-contact-maps u-marginBottom40 u-textAlignCenter\"\u003e\n    \u003cdiv class=\"video-responsive\"\u003e\n      ADD_YOUR_IFRAME_GOOGLE_MAPS\n    \u003c/div\u003e\n\u003c/div\u003e\n```\n\n[![Contact Page](./documentation/simply-contact.jpg)](https://www.behance.net/gallery/89147807/Simply-Contact-Page)\n\n## Newsletter Page\n\n- Create a new page\n- Choose your favorite url and title\n- Select the `Archive Newsletter` template from the Template dropdown\n- Write the list as normal in your content\n- To have the **Mailchimp** form copy the code and add an `HTML` section in Ghost then change the form action url.\n\nExample: `\u003cform action=\"https://ninja.us10.list-manage.com/subscribe/post?u=5c52d5a541f6ab2e8d6020e82\u0026id=f5f6d462c4\"\u003e`\n\n```html\n\u003c!-- \u003cgodo-nesletter\u003e Mailchimp --\u003e\n\u003cdiv class=\"godo-ne\"\u003e\n  \u003c!-- Replace =\u003e Action --\u003e\n  \u003cform id=\"godo-form\" class=\"godo-ne-form\" action=\"YOUR_URL_OF_LIST_Mailchimp\" method=\"post\" target=\"_blank\"\u003e\n      \u003clabel for=\"fieldEmail\"\u003eEmail Address\u003c/label\u003e\n      \u003cdiv class=\"godo-ne-form-group\"\u003e\n        \u003cinput id=\"fieldEmail\" class=\"godo-ne-input\" name=\"EMAIL\" type=\"email\" placeholder=\"yourname@example.com\" required=\"\"\u003e\n        \u003cbutton class=\"godo-ne-button button\" type=\"submit\"\u003eSubscribe\u003c/button\u003e\n      \u003c/div\u003e\n      \u003csmall\u003eNo marketing campaigns. No jibber jabber. Unsubscribe anytime.\u003c/small\u003e\n  \u003c/form\u003e\n\u003c/div\u003e\n```\n\n- **Testimonies** Copy the code and paste into an `HTML` section in Ghost\n\n```html\n\u003cdiv class=\"godo-n-q\"\u003e\n\n  \u003cdiv class=\"godo-n-q-i\"\u003e\n    \u003cimg src=\"/assets/images/avatar.png\" alt=\"Hello\"\u003e\n    \u003ch3\u003eTim Cook\u003c/h3\u003e\n    \u003cdiv class=\"godo-n-q-d\"\u003eCEO, Apple\u003c/div\u003e\n    \u003cblockquote\u003e\"This is a pretty fantastic newsletter tbh, I definitely recommend it\"\u003c/blockquote\u003e\n  \u003c/div\u003e\n\n  \u003cdiv class=\"godo-n-q-i u-hide-before-md\"\u003e\n    \u003cimg src=\"/assets/images/avatar.png\" alt=\"Hello\"\u003e\n    \u003ch3\u003eSatya Nadella\u003c/h3\u003e\n    \u003cdiv class=\"godo-n-q-d\"\u003eCEO, Microsoft\u003c/div\u003e\n    \u003cblockquote\u003e\"Finally, this newsletter is something we can really agree on\"\u003c/blockquote\u003e\n  \u003c/div\u003e\n\n  \u003cdiv class=\"godo-n-q-i u-hide-before-md\"\u003e\n    \u003cimg src=\"/assets/images/avatar.png\" alt=\"Hello\"\u003e\n    \u003ch3\u003eJohn O'Nolan\u003c/h3\u003e\n    \u003cdiv class=\"godo-n-q-d\"\u003eCEO, Ghost\u003c/div\u003e\n    \u003cblockquote\u003e\"I should really get around to organising some quotes one of these days\"\u003c/blockquote\u003e\n  \u003c/div\u003e\n\n\u003c/div\u003e\n```\n\n- Publish the page\n- To add the page to the navigation\n\n[![ghost nesletter](./documentation/newsletter.jpg)](https://www.behance.net/gallery/89147477/Simply-Newsletter-Page)\n\n## Podcast Page\n\n- Create a new page\n- Choose your favorite title\n- Use the url `podcast`\n- In your articles use the internal tags `#podcast`\n- First back up your routes in your ghost settings `Labs -\u003e Routes -\u003e Download current routes.yml`\n- Re-download the Route and edit `routes.yml` line `routes`\n\n```yaml\nroutes:\n  /podcast/:\n    controller: channel\n    filter: tag:[hash-podcast]\n    data:\n      post: page.podcast\n    limit: 10\n    template: godo-podcast\n```\n\n- In an `HTML` block in your ghost editor add this code for your content.\n\n```html\n\u003cp class=\"spc-h-e\"\u003eThe Podcast\u003c/p\u003e\n\n\u003cp class=\"spc-des\"\u003eUpdates and behind the scenes stories about the world of Ghost. Hosted by Ghost founders \u003cem\u003eJohn O'Nolan\u003c/em\u003e \u0026amp; \u003cem\u003eHannah Wolfe\u003c/em\u003e.\u003c/p\u003e\n\n\u003cdiv class=\"spc-buttons\"\u003e\n\n    \u003ca href=\"https://itunes.apple.com/\"\u003e\n    \u003cimg src=\"/assets/images/icon-itunes.png\" alt=\"iTunes Logo\" rel=\"presentation\"/\u003e\n    \u003cspan\u003eiTunes\u003c/span\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://www.pocketcasts.com/\"\u003e\n    \u003cimg src=\"/assets/images/icon-pocketcasts.png\" alt=\"Pocket Casts Logo\" rel=\"presentation\"/\u003e\n    \u003cspan\u003ePocket Casts\u003c/span\u003e\n  \u003c/a\u003e\n\n  \u003ca href=\"https://anchor.fm/\"\u003e\n    \u003cimg src=\"/assets/images/icon-rss.png\" style=\"height:15px\" alt=\"RSS Icon\" rel=\"presentation\"/\u003e\n    \u003cspan\u003eRSS\u003c/span\u003e\n  \u003c/a\u003e\n\n\u003c/div\u003e\n```\n\n[![Tag Archive](./documentation/podcast.jpg)](https://www.behance.net/gallery/89147093/Simply-Tags-Page)\n\n## Theme Translation\n\n**Simply supports:**\n\n- `en` — English default language\n- `es` — Español\n- `de` — German - By [dkbast](https://github.com/dkbast)\n- `tr` — Turkish - By [Mertcan GÖKGÖZ](https://github.com/MertcanGokgoz)\n- `fr-CA` — Canadian French - By [Pascal Andy](https://github.com/pascalandy)\n- `ru` —  Russian - By [Partizan007](https://github.com/partizan007)\n\n![simply theme ghost Language](./documentation/language.jpg)\n\nif you want to have in another language you just have to copy `locales\u003een.json` and rename the file then translate to your favorite language:\n\nJust enter the [language/locale tag](https://www.w3schools.com/tags/ref_language_codes.asp) of the files to use (e.g.: `fr.json` for French, `zh.json` for Chinese, `ja.json` for Japanese)\n\n## AMP\n\n\u003e Simply has a nice page for AMP\n\n- Navigation\n- links to followers in social media\n- Tags\n- Related Articles (6 articles)\n- Buttons to share the article (Facebook - Twitter - Whatsapp)\n\nTo customize the AMP page [read here](https://github.com/godofredoninja/Hodor-AMP-Ghost)\n\n## Change Theme Color\n\n\u003e It is very easy to customize with your favorite colors.\n\n![ghost themes colors](./documentation/colors.jpg)\n\nTo change the color of the Simply theme select one of the theme styles below and copy it into the:\n\n:arrow_right: `Setting -\u003e Code Injection -\u003e Blog Header`\n\n```html\n\u003clink href=\"/assets/styles/theme/deep-orange.css\" rel=\"stylesheet\"\u003e\n\u003clink href=\"/assets/styles/theme/cyan.css\" rel=\"stylesheet\"\u003e\n\u003clink href=\"/assets/styles/theme/blue-dark.css\" rel=\"stylesheet\"\u003e\n\u003clink href=\"/assets/styles/theme/red.css\" rel=\"stylesheet\"\u003e\n\u003clink href=\"/assets/styles/theme/blue-semi-dark.css\" rel=\"stylesheet\"\u003e\n\u003clink href=\"/assets/styles/theme/dark.css\" rel=\"stylesheet\"\u003e\n\u003clink href=\"/assets/styles/theme/lavender.css\" rel=\"stylesheet\"\u003e\n\u003clink href=\"/assets/styles/theme/green.css\" rel=\"stylesheet\"\u003e\n\u003clink href=\"/assets/styles/theme/pink.css\" rel=\"stylesheet\"\u003e\n```\n\n## Tracking Google Tag Mananger\n\nSimply keeps track of the user's actions on the page, for example:\n\n- Header\n  - Click Logo\n  - Click Menu Name\n  - Click Social Media\n  - Click Search\n- Sidebar\n  - Click Sidebar post\n  - Click Name of the sidebar Tag Cloud\n- Article\n  - Click Author Name\n  - Click Author Avatar\n  - Click Author Facebook\n  - Click Author Twitter\n  - Click Share\n  - Click Next Post\n  - Click Prev Post\n  - Click Related Post\n  - Click Name of Tag\n  - Click Comments Button\n\n### Settings Google Tag Mananger\n\nWith [Google Tag Manager](https://tagmanager.google.com), there are a million different ways to make your tagging setup leaner and more flexible.\n\n\u003e I'll use an easy way to reduce redundancy here. It's the generic event tag 😊 you guessed it!\n\n— What are you waiting? 🖐 hands in action.\n\n#### First we'll create triggers\n\n1. Click Triggers\n2. New\n3. Name of the Trigger\n4. Select Custom Event\n5. Name of the Event\n\n— If you do not understand. look at the image\n\n![Google tag Mananger Trigger](./documentation/analytics01.jpg)\n\n#### Second we'll create Tag\n\n1. Click tags\n2. New\n3. Name of the Tag\n4. Select Google Analytics\n5. Track Type `Event`\n6. `{{Event Category}}`\n7. `{{Event Action}}`\n8. `{{Event Label}}`\n9. `{{Event Value}}`\n10. Non-Interaction Hit `true`\n11. Here you have to add your Google Analytics code. I have my Google Analytics code in a Global variable. I select my global variable\n12. Triggering — Select the trigger we created first\n\n— If you do not understand. look at the image\n\n![Google tag Mananger tag](./documentation/analytics02.jpg)\n\n#### Third Insert code\n\n🤔 *You can improve the code. I'll leave that to your imagination.*\n\n:arrow_right: Copy the below script to `Settings -\u003e Code Injection -\u003e Blog Footer`\n\n```html\n\u003cscript\u003e\n/* Tracking With Google Tag Mananger */\nvar godoTracking = document.querySelectorAll('.godo-tracking');\ngodoTracking.forEach(function(item) {\n  item.addEventListener('click', function() {\n    var godoCategory = this.getAttribute('data-event-category');\n    var godoAction = this.getAttribute('data-event-action');\n    var godoLabel = this.getAttribute('data-event-label');\n    var godoValue = this.getAttribute('data-event-non-interaction');\n\n    dataLayer.push({\n      'event' : 'godoGhostEvent',\n      'eventCategory' : godoCategory,\n      'eventAction' : godoAction,\n      'eventLabel' : godoLabel,\n      'eventValue' : godoValue,\n    });\n  });\n});\n\u003c/script\u003e\n```\n\n### PrismJS code syntax\n\nMake your code stand out with the PrismJS code highlighter.\nPrismJS allows you to select which languge you embeded and performs code highlighting according to the language. Neat!\n\nTake a look at the [Prismjs Supported Language List](http://prismjs.com/#languages-list)\n\n![Simply Prismjs](./documentation/prismjs.jpg)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstangirard%2Fprimates-ghost","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstangirard%2Fprimates-ghost","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstangirard%2Fprimates-ghost/lists"}