> ## Documentation Index
> Fetch the complete documentation index at: https://docs.litlyx.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstarts

> Choose your favourite framework or website builder and start tracking **Analytics** in **seconds**.

<CardGroup>
  <Card
    title="Javascript"
    icon={
<svg width="24" height="24" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M100 0.000488281H0V100H100V0.000488281Z" fill="#F7DF1E"/>
<path d="M67.1745 78.1259C69.1888 81.4148 71.8094 83.8323 76.4444 83.8323C80.338 83.8323 82.8253 81.8862 82.8253 79.1973C82.8253 75.9751 80.2698 74.8339 75.9841 72.9592L73.6348 71.9513C66.8539 69.0624 62.3491 65.4434 62.3491 57.7926C62.3491 50.745 67.719 45.3799 76.111 45.3799C82.0856 45.3799 86.3809 47.4592 89.4761 52.9037L82.1586 57.6021C80.5475 54.7132 78.8094 53.5751 76.111 53.5751C73.3587 53.5751 71.6142 55.3212 71.6142 57.6021C71.6142 60.4212 73.3602 61.5624 77.392 63.3085L79.7412 64.3148C87.7253 67.7386 92.2333 71.2291 92.2333 79.0767C92.2333 87.537 85.5872 92.1719 76.6618 92.1719C67.9348 92.1719 62.2967 88.0132 59.538 82.5624L67.1745 78.1259ZM33.9793 78.9402C35.4555 81.5592 36.7983 83.7735 40.0269 83.7735C43.1142 83.7735 45.0618 82.5656 45.0618 77.8688V45.9164H54.4586V77.9958C54.4586 87.7259 48.7539 92.1545 40.4269 92.1545C32.9031 92.1545 28.546 88.2608 26.3301 83.5712L33.9793 78.9402Z" fill="black"/>
</svg>
}
    href="/techs/js"
  >
    Setup Litlyx wherever Javascript is Supported.
  </Card>

  <Card
    title="Wordpress"
    icon={
<svg width="24" height="24" viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="150" height="150" rx="16" fill="white"/>
<path d="M32.1074 74.999C32.1074 91.9778 41.9741 106.649 56.2817 113.603L35.821 57.5426C33.3683 63.0352 32.1028 68.9837 32.1074 74.999V74.999ZM103.957 72.8345C103.957 67.5334 102.053 63.8623 100.419 61.0048C98.2452 57.4716 96.208 54.4795 96.208 50.9463C96.208 47.0034 99.1977 43.3331 103.41 43.3331C103.6 43.3331 103.78 43.3567 103.967 43.3673C96.3345 36.376 86.1675 32.1074 75.0006 32.1074C60.0157 32.1074 46.832 39.7958 39.1624 51.4409C40.1688 51.4711 41.118 51.4915 41.9227 51.4915C46.4092 51.4915 53.3541 50.9471 53.3541 50.9471C55.6663 50.8108 55.9389 54.2069 53.6299 54.4804C53.6299 54.4804 51.3055 54.7538 48.7198 54.8893L64.3397 101.35L73.7274 73.1977L67.0437 54.8884C64.734 54.753 62.5458 54.4795 62.5458 54.4795C60.2344 54.3441 60.5054 50.81 62.8168 50.9463C62.8168 50.9463 69.9003 51.4907 74.115 51.4907C78.6007 51.4907 85.5464 50.9463 85.5464 50.9463C87.8602 50.81 88.132 54.2061 85.8214 54.4795C85.8214 54.4795 83.4929 54.753 80.9121 54.8884L96.4129 100.997L100.69 86.7004C102.546 80.7677 103.957 76.5064 103.957 72.8345V72.8345Z" fill="black"/>
<path d="M75.7532 78.7508L62.8838 116.146C66.8183 117.306 70.8989 117.895 75.0007 117.894C79.9957 117.894 84.7858 117.03 89.2446 115.463C89.125 115.276 89.0228 115.078 88.9393 114.872L75.7532 78.7508ZM112.638 54.4199C112.822 55.7862 112.927 57.2537 112.927 58.8305C112.927 63.1832 112.114 68.0761 109.665 74.1941L96.5632 112.075C109.315 104.639 117.892 90.8237 117.892 74.9989C117.904 67.8059 116.096 60.7269 112.638 54.4199V54.4199Z" fill="black"/>
<path d="M75.0005 25C47.4309 25 25 47.4292 25 74.9988C25 102.572 47.4301 125.001 75.0005 125.001C102.569 125.001 125.003 102.572 125.003 74.9988C125.003 47.4292 102.569 25 75.0005 25ZM75.0005 122.708C48.6952 122.708 27.2926 101.306 27.2926 74.9988C27.2926 48.6943 48.6944 27.2934 75.0005 27.2934C101.305 27.2934 122.706 48.6943 122.706 74.9988C122.706 101.306 101.304 122.708 75.0005 122.708Z" fill="black"/>
</svg>

}
    href="/techs/wordpress"
  >
    Start with our Wordpress Plugin in 30 seconds.
  </Card>

  <Card
    title="Shopify"
    icon={
<svg width="24" height="24" viewBox="-18 0 292 292" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M223.774 57.34c-.201-1.46-1.48-2.268-2.537-2.357-1.055-.088-23.383-1.743-23.383-1.743s-15.507-15.395-17.209-17.099c-1.703-1.703-5.029-1.185-6.32-.805-.19.056-3.388 1.043-8.678 2.68-5.18-14.906-14.322-28.604-30.405-28.604-.444 0-.901.018-1.358.044C129.31 3.407 123.644.779 118.75.779c-37.465 0-55.364 46.835-60.976 70.635-14.558 4.511-24.9 7.718-26.221 8.133-8.126 2.549-8.383 2.805-9.45 10.462C21.3 95.806.038 260.235.038 260.235l165.678 31.042 89.77-19.42S223.973 58.8 223.775 57.34zM156.49 40.848l-14.019 4.339c.005-.988.01-1.96.01-3.023 0-9.264-1.286-16.723-3.349-22.636 8.287 1.04 13.806 10.469 17.358 21.32zm-27.638-19.483c2.304 5.773 3.802 14.058 3.802 25.238 0 .572-.005 1.095-.01 1.624-9.117 2.824-19.024 5.89-28.953 8.966 5.575-21.516 16.025-31.908 25.161-35.828zm-11.131-10.537c1.617 0 3.246.549 4.805 1.622-12.007 5.65-24.877 19.88-30.312 48.297l-22.886 7.088C75.694 46.16 90.81 10.828 117.72 10.828z" fill="#95BF46"/><path d="M221.237 54.983c-1.055-.088-23.383-1.743-23.383-1.743s-15.507-15.395-17.209-17.099c-.637-.634-1.496-.959-2.394-1.099l-12.527 256.233 89.762-19.418S223.972 58.8 223.774 57.34c-.201-1.46-1.48-2.268-2.537-2.357" fill="#5E8E3E"/><path d="M135.242 104.585l-11.069 32.926s-9.698-5.176-21.586-5.176c-17.428 0-18.305 10.937-18.305 13.693 0 15.038 39.2 20.8 39.2 56.024 0 27.713-17.577 45.558-41.277 45.558-28.44 0-42.984-17.7-42.984-17.7l7.615-25.16s14.95 12.835 27.565 12.835c8.243 0 11.596-6.49 11.596-11.232 0-19.616-32.16-20.491-32.16-52.724 0-27.129 19.472-53.382 58.778-53.382 15.145 0 22.627 4.338 22.627 4.338" fill="#FFF"/></svg>
}
    href="/techs/shopify"
  >
    Setup Litlyx in Shopify, easily.
  </Card>

  <Card
    title="Framer"
    icon={
<svg width="24" height="24" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="100" height="100" rx="16" fill="white"/>
<path d="M25 13H75.7V38.349H50.35L25 13ZM25 38.349H50.35L75.7 63.699H25V38.349ZM25 63.699H50.35V89.049L25 63.699Z" fill="black"/>
</svg>}
    href="/techs/framer"
  >
    Setup Litlyx in Framer, easily.
  </Card>

  <Card
    title="Google Tag Manager"
    icon={
<svg width="24" height="24" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
<g>
    <polygon fill="#8AB4F8" points="150.261818 245.516364 105.825455 202.185455 201.258182 104.730909 247.265455 149.821818">

</polygon>
    <path d="M150.450909,53.9381818 L106.174545,8.73090909 L9.36,104.629091 C-3.12,117.109091 -3.12,137.341818 9.36,149.836364 L104.72,245.821818 L149.810909,203.64 L77.1563636,127.232727 L150.450909,53.9381818 Z" fill="#4285F4">

</path>
    <path d="M246.625455,105.370909 L150.625455,9.37090909 C138.130909,-3.12363636 117.869091,-3.12363636 105.374545,9.37090909 C92.88,21.8654545 92.88,42.1272727 105.374545,54.6218182 L201.374545,150.621818 C213.869091,163.116364 234.130909,163.116364 246.625455,150.621818 C259.12,138.127273 259.12,117.865455 246.625455,105.370909 Z" fill="#8AB4F8">

</path>
    <circle fill="#246FDB" cx="127.265455" cy="224.730909" r="31.2727273">

</circle>
</g>
</svg>
}
    href="/techs/google-tag-manager"
  >
    Setup Litlyx with Google Tag Manager
  </Card>

  <Card
    title="Next.js"
    icon={
<svg width="24" height="24" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50 99.9995C77.6142 99.9995 100 77.6137 100 49.9995C100 22.3853 77.6142 -0.000488281 50 -0.000488281C22.3858 -0.000488281 0 22.3853 0 49.9995C0 77.6137 22.3858 99.9995 50 99.9995Z" fill="white"/>
<path d="M83.06 87.5109L38.4122 29.9995H30V69.9829H36.7298V38.5459L77.7773 91.5801C79.6294 90.3404 81.394 88.9803 83.06 87.5109Z" fill="url(#paint0_linear_99_24179)"/>
<path d="M70.5553 29.9995H63.8887V69.9995H70.5553V29.9995Z" fill="url(#paint1_linear_99_24179)"/>
<defs>
<linearGradient id="paint0_linear_99_24179" x1="60.5555" y1="64.7218" x2="80.2778" y2="89.1661" gradientUnits="userSpaceOnUse">
<stop/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_99_24179" x1="67.222" y1="29.9995" x2="67.1104" y2="59.3746" gradientUnits="userSpaceOnUse">
<stop/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
}
    href="/techs/next"
  >
    Setup Litlyx in seconds with Next.
  </Card>

  <Card
    title="Nuxt"
    icon={
<svg width="24" height="24" viewBox="0 0 100 67" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56.1008 66.6672H93.2752C94.4558 66.6673 95.6158 66.3593 96.6383 65.7742C97.6608 65.189 98.5098 64.3473 99.1 63.3337C99.6902 62.3202 100 61.1703 100 60.0002C99.9995 58.83 99.688 57.6805 99.097 56.6675L74.1318 13.8103C73.5418 12.797 72.693 11.9555 71.6707 11.3704C70.6483 10.7853 69.4887 10.4773 68.3082 10.4773C67.1277 10.4773 65.968 10.7853 64.9457 11.3704C63.9233 11.9555 63.0745 12.797 62.4843 13.8103L56.1008 24.776L43.6202 3.33304C43.0295 2.31977 42.1803 1.47837 41.1577 0.893422C40.1352 0.308438 38.9753 0.000488281 37.7945 0.000488281C36.6138 0.000488281 35.454 0.308438 34.4313 0.893422C33.4088 1.47839 32.5595 2.31977 31.969 3.33304L0.902951 56.6675C0.311951 57.6805 0.000500603 58.83 6.03104e-07 60.0002C-0.000499397 61.1703 0.309901 62.3202 0.900017 63.3337C1.49013 64.3473 2.33915 65.189 3.36167 65.7742C4.38418 66.3593 5.54415 66.6673 6.72488 66.6672H30.0598C39.3053 66.6672 46.1235 62.6422 50.8152 54.7895L62.2055 35.2388L68.3063 24.776L86.6163 56.2042H62.2055L56.1008 66.6672ZM29.6793 56.1935L13.3946 56.1898L37.8055 14.2879L49.9855 35.2388L41.8305 49.2422C38.7148 54.3372 35.1752 56.1935 29.6793 56.1935Z" fill="#00DC82"/>
</svg>
}
    href="/techs/nuxt"
  >
    Setup Litlyx in seconds with Nuxt.
  </Card>

  <Card
    title="React"
    icon={
<svg width="24" height="24" viewBox="0 0 101 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50.3065 58.817C55.1755 58.817 59.1227 54.8699 59.1227 50.0008C59.1227 45.1317 55.1755 41.1846 50.3065 41.1846C45.4374 41.1846 41.4902 45.1317 41.4902 50.0008C41.4902 54.8699 45.4374 58.817 50.3065 58.817Z" fill="#61DAFB"/>
<path d="M50.3066 68.063C76.4333 68.063 97.6132 59.9762 97.6132 50.0005C97.6132 40.0249 76.4333 31.938 50.3066 31.938C24.1799 31.938 3 40.0249 3 50.0005C3 59.9762 24.1799 68.063 50.3066 68.063Z" stroke="#61DAFB" stroke-width="5"/>
<path d="M34.664 59.0317C47.7274 81.6582 65.3207 95.957 73.9599 90.9692C82.5991 85.9814 79.0126 63.5956 65.9492 40.9692C52.8858 18.3428 35.2925 4.04392 26.6533 9.03175C18.0141 14.0196 21.6006 36.4053 34.664 59.0317Z" stroke="#61DAFB" stroke-width="5"/>
<path d="M34.664 40.9692C21.6007 63.5956 18.0141 85.9814 26.6533 90.9692C35.2925 95.957 52.8859 81.6581 65.9492 59.0317C79.0126 36.4053 82.5991 14.0196 73.9599 9.03172C65.3208 4.04389 47.7274 18.3428 34.664 40.9692Z" stroke="#61DAFB" stroke-width="5"/>
</svg>
}
    href="/techs/react"
  >
    Setup Litlyx in seconds with React.
  </Card>

  <Card
    title="Vue"
    icon={
<svg width="24" height="24" viewBox="0 0 100 87" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M80 0.000488281H100L50 86.2505L0 0.000488281H38.25L50 20.0005L61.5 0.000488281H80Z" fill="#41B883"/>
<path d="M0 0.000488281L50 86.2505L100 0.000488281H80L50 51.7505L19.75 0.000488281H0Z" fill="#41B883"/>
<path d="M19.75 0.000488281L50 52.0005L80 0.000488281H61.5L50 20.0005L38.25 0.000488281H19.75Z" fill="#35495E"/>
</svg>
}
    href="/techs/vue"
  >
    Setup Litlyx in seconds with Vue.
  </Card>

  <Card
    title="Angular"
    icon={
<svg width="24" height="24" viewBox="0 0 95 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 16.5746L46.5191 0L94.2909 16.2799L86.5559 77.8268L46.5191 100L7.10868 78.1215L0 16.5746Z" fill="#E23237"/>
<path d="M94.2914 16.2799L46.5195 0V100L86.5563 77.8638L94.2914 16.2799Z" fill="#B52E31"/>
<path d="M46.5922 11.6758L17.6055 76.1693L28.4339 75.9851L34.2536 61.4361H60.2571L66.6292 76.1693L76.9789 76.3534L46.5922 11.6758ZM46.6662 32.3388L56.4634 52.8173H38.047L46.6662 32.3388Z" fill="white"/>
</svg>
}
    href="/techs/angular"
  >
    Setup Litlyx in seconds with Angular.
  </Card>

  <Card
    title="Python"
    icon={
<svg width="24" height="24" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M49.6397 0.000488281C24.2535 0.000488281 25.8385 11.0095 25.8385 11.0095L25.8667 22.4151H50.0924V25.8394H16.2447C16.2447 25.8394 0 23.9971 0 49.6116C0 75.2269 14.1788 74.3185 14.1788 74.3185H22.6406V62.432C22.6406 62.432 22.1844 48.2532 36.593 48.2532H60.6205C60.6205 48.2532 74.1199 48.4713 74.1199 35.2065V13.2739C74.1199 13.2739 76.1702 0.000488281 49.6397 0.000488281ZM36.2817 7.67056C36.8542 7.67004 37.4211 7.78242 37.9501 8.00125C38.4791 8.22009 38.9598 8.54109 39.3646 8.94589C39.7693 9.35068 40.0903 9.83133 40.3092 10.3603C40.528 10.8893 40.6404 11.4563 40.6399 12.0287C40.6404 12.6012 40.528 13.1681 40.3092 13.6971C40.0903 14.2261 39.7693 14.7068 39.3646 15.1116C38.9598 15.5164 38.4791 15.8374 37.9501 16.0562C37.4211 16.275 36.8542 16.3874 36.2817 16.3869C35.7092 16.3874 35.1423 16.275 34.6133 16.0562C34.0843 15.8374 33.6037 15.5164 33.1989 15.1116C32.7941 14.7068 32.4731 14.2261 32.2542 13.6971C32.0354 13.1681 31.923 12.6012 31.9235 12.0287C31.923 11.4563 32.0354 10.8893 32.2542 10.3603C32.4731 9.83133 32.7941 9.35068 33.1989 8.94589C33.6037 8.54109 34.0843 8.22009 34.6133 8.00125C35.1423 7.78242 35.7092 7.67004 36.2817 7.67056Z" fill="url(#paint0_linear_99_24464)"/>
<path d="M50.361 99.4803C75.7473 99.4803 74.1622 88.4713 74.1622 88.4713L74.134 77.066H49.908V73.6418H83.7557C83.7557 73.6418 100 75.4841 100 49.8687C100 24.2537 85.8216 25.1622 85.8216 25.1622H77.3598V37.0483C77.3598 37.0483 77.816 51.2271 63.4074 51.2271H39.3799C39.3799 51.2271 25.8805 51.009 25.8805 64.2742V86.2072C25.8805 86.2072 23.8306 99.4803 50.3607 99.4803H50.361ZM63.7191 91.811C63.1466 91.8115 62.5797 91.6991 62.0507 91.4803C61.5217 91.2615 61.041 90.9405 60.6362 90.5357C60.2314 90.1309 59.9104 89.6502 59.6916 89.1212C59.4728 88.5922 59.3604 88.0253 59.3609 87.4528C59.3603 86.8803 59.4727 86.3133 59.6915 85.7843C59.9103 85.2553 60.2313 84.7746 60.6361 84.3697C61.0409 83.9649 61.5215 83.6439 62.0506 83.425C62.5796 83.2061 63.1466 83.0937 63.7191 83.0943C64.2915 83.0937 64.8585 83.2061 65.3875 83.4249C65.9165 83.6438 66.3971 83.9648 66.8019 84.3696C67.2067 84.7744 67.5277 85.255 67.7465 85.784C67.9654 86.313 68.0778 86.88 68.0772 87.4524C68.0778 88.0249 67.9654 88.5919 67.7465 89.1208C67.5277 89.6498 67.2067 90.1305 66.8019 90.5353C66.3971 90.9401 65.9165 91.2611 65.3875 91.4799C64.8585 91.6988 64.2915 91.8111 63.7191 91.8106V91.811Z" fill="url(#paint1_linear_99_24464)"/>
<defs>
<linearGradient id="paint0_linear_99_24464" x1="9.60996" y1="8.94811" x2="59.1669" y2="58.0107" gradientUnits="userSpaceOnUse">
<stop stop-color="#387EB8"/>
<stop offset="1" stop-color="#366994"/>
</linearGradient>
<linearGradient id="paint1_linear_99_24464" x1="40.0284" y1="40.453" x2="93.2469" y2="90.7621" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFE052"/>
<stop offset="1" stop-color="#FFC331"/>
</linearGradient>
</defs>
</svg>
}
    href="/techs/python"
  >
    Track events with python
  </Card>

  <Card
    title="Serverless"
    icon={
<svg width="24" height="24" viewBox="0 0 98 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56.8944 98.338C54.3397 101.555 49.1599 99.7924 49.0983 95.6846L48.1982 35.6025H88.5973C95.9147 35.6025 99.9957 44.0542 95.4457 49.7849L56.8944 98.338Z" fill="url(#paint0_linear_99_24683)"/>
<path d="M56.8944 98.338C54.3397 101.555 49.1599 99.7924 49.0983 95.6846L48.1982 35.6025H88.5973C95.9147 35.6025 99.9957 44.0542 95.4457 49.7849L56.8944 98.338Z" fill="url(#paint1_linear_99_24683)" fill-opacity="0.2"/>
<path d="M40.464 1.66109C43.0187 -1.55638 48.1986 0.206562 48.2601 4.31445L48.6546 64.3964H8.76106C1.44348 64.3964 -2.63767 55.9448 1.91262 50.214L40.464 1.66109Z" fill="#3ECF8E"/>
<defs>
<linearGradient id="paint0_linear_99_24683" x1="48.1982" y1="48.9242" x2="84.1036" y2="63.9829" gradientUnits="userSpaceOnUse">
<stop stop-color="#249361"/>
<stop offset="1" stop-color="#3ECF8E"/>
</linearGradient>
<linearGradient id="paint1_linear_99_24683" x1="32.2797" y1="27.1289" x2="48.6544" y2="57.9534" gradientUnits="userSpaceOnUse">
<stop/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
}
    href="/techs/serverless"
  >
    Use Litlyx with Cloud Functions is Serverless Environments.
  </Card>
</CardGroup>