<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/">
    <title>Ting&#x27;s Notes</title>
    <link href="https://note.ting.ovh/feed.xml" rel="self" />
    <link href="https://note.ting.ovh" />
    <updated>2024-12-04T17:41:26+08:00</updated>
    <author>
        <name>Ting</name>
    </author>
    <id>https://note.ting.ovh</id>

    <entry>
        <title>如何用QRcode追蹤宣傳成效?</title>
        <author>
            <name>Ting</name>
        </author>
        <link href="https://note.ting.ovh/post/ru-he-yong-qrcodezhui-zong-xuan-chuan-cheng-xiao/"/>
        <id>https://note.ting.ovh/post/ru-he-yong-qrcodezhui-zong-xuan-chuan-cheng-xiao/</id>
            <category term="Teaching"/>
            <category term="FRC8585"/>

        <updated>2024-08-14T22:00:00+08:00</updated>
            <summary>
                <![CDATA[
                    什麼是流量追蹤?為什麼要做? 我們經常在傳單或其他宣傳品上放上QR code，以方便使用者來連結到我們的網站、粉專等， 這時便可以透過追蹤，來得知有多少人曾經掃過這個QR code， 這樣方便我們知道本次的宣傳成效如何，以改善未來每一次的宣傳活動 以google為例，當我們連到google的網頁時，我們可以這樣理解(不含追蹤的情況) 手機➔google.com 這時只有google會知道它被多少人連線，但我們想知道 有多少人透過”我們的”QRcode連到google&hellip;
                ]]>
            </summary>
        <content type="html">
            <![CDATA[
                <h2 id="什麼是流量追蹤為什麼要做">什麼是流量追蹤?為什麼要做?</h2>
<p>我們經常在傳單或其他宣傳品上放上QR code，以方便使用者來連結到我們的網站、粉專等，<br>這時便可以透過追蹤，來得知有多少人曾經掃過這個QR code，<br>這樣方便我們知道本次的宣傳成效如何，以改善未來每一次的宣傳活動</p><h2 id="追蹤是怎麼做到的原理解說">追蹤是怎麼做到的?(原理解說)</h2>
<p>以google為例，當我們連到google的網頁時，我們可以這樣理解(不含追蹤的情況)<br><code>手機➔google.com</code><br>這時只有google會知道它被多少人連線，但我們想知道<br><strong>有多少人透過”我們的”QRcode連到google</strong><br>因此應該要變成…<br><code>手機➔追蹤連結➔google.com</code><br>這時追蹤連結就會記錄下有多少人”路過”這條路線，所以我們只要將追蹤連結製作成QRcode，<br>自然就能得到數據了</p><h2 id="那具體要怎麼做呢">那具體要怎麼做呢…?</h2>
<h3 id="步驟1-產生追蹤連結">步驟1. 產生追蹤連結</h3>
<p>新手推薦使用 <a href="https://bitly.com/">bitly</a> 這套工具，它原本的用途是當原連結過長時，將網址縮短用的<strong>短網址服務</strong>，但同時可以產生簡單的報表，記錄下有多少人連過你的網址</p><ol>
<li>首先，前往 <a href="https://bitly.com/">bitly</a> 的首頁，點選右上方的<code>Log in</code><br><figure class="post__image"><img decoding="auto" loading="lazy" src="https://user-images.githubusercontent.com/10682789/170877973-56144161-c232-47b8-b583-fe0361d77402.png" alt="bitly_home_page"  data-is-external-image="true"></figure></li>
<li>使用自己習慣的登入方式，如果尚未申辦帳號，請依照流程先行註冊<blockquote>
<p>如果手上持有google隊帳的，請用 Google 登入並選擇隊帳，即可不用註冊</p></blockquote>
</li>
<li>來到主控板後，直接點擊右上方橘色的<code>CREATE</code><br><figure class="post__image"><img decoding="auto" loading="lazy" src="https://user-images.githubusercontent.com/10682789/170878710-9d51aa48-3049-4853-8ef3-6b3f05ee8b44.png" alt="bitly_dashboard"  data-is-external-image="true"></figure></li>
<li>在右側的<code>ENTER LONG URL</code>中填入你的目標網址，按下下方橘色的<code>CREATE</code><br><figure class="post__image"><img decoding="auto" loading="lazy" src="https://user-images.githubusercontent.com/10682789/170878834-3072c8d6-35d6-4802-b77d-61703cfd7dab.png" alt="CREATE_URL"  data-is-external-image="true"></figure></li>
<li>請記得修改<code>TITLE</code>至你本次活動的名稱如<code>111招生QR</code>等，並於修改後按下鍵盤<code>ENTER</code>存檔<br>(也可以在下方的<code>Tags</code>輸入標籤方便分類，或者在<code>CUSTOMIZE BACK-HALF</code>中自訂你的追蹤網址)<br>就可以按下<code>Copy</code>複製連結<br><figure class="post__image"><img decoding="auto" loading="lazy" src="https://user-images.githubusercontent.com/10682789/170879083-dd452fe2-c8bf-4bdd-859c-f043c4306458.png" alt="URL_CREATED"  data-is-external-image="true"></figure></li>
<li>完成！你接著就可以在左邊看到曾經連線過的人數囉，點擊後也可以在中間看到更多統計數據<br><figure class="post__image"><img decoding="auto" loading="lazy" src="https://user-images.githubusercontent.com/10682789/170879219-167a8033-92c5-489c-9689-c9e305c48617.png" alt="image"  data-is-external-image="true"></figure></li>
</ol>
<h3 id="步驟2-產生qr-code">步驟2. 產生QR code</h3>
<p>這裡推薦使用 <a href="https://qr.ioi.tw/zh/">這個</a> QR碼產生器<br>在左側貼上剛剛產生的網址，在右邊設定顏色、圓角、QR去背、LOGO等<br>就可以<code>下載QR碼</code>或者是對圖片右鍵<code>複製圖片</code>就完成囉！</p><p><strong>注意事項！</strong></p><ol>
<li>不適當修改容錯率及密度，都可能導致QR碼失效</li>
<li>LOGO請勿過大，否則也可能造成QR碼失效</li>
<li>可以先將<code>QR碼尺寸</code>拉大，貼入編輯軟體中再縮小，有效防止畫質降低</li>
<li>QR碼製作完成<strong>請先使用手機先掃一遍</strong>，由於iPhone解析QR能力較佳，<strong>請勿只使用iPhone測試</strong>
(遇過太多iPhone掃得出來，其他手機掃不出來的案例)<br><figure class="post__image"><img decoding="auto" loading="lazy" src="https://user-images.githubusercontent.com/10682789/170880088-36ac1de4-eab9-42ac-accb-7416d1b6f4cc.png" alt="QR_sample"  data-is-external-image="true"></figure></li>
</ol>

            ]]>
        </content>
    </entry>
    <entry>
        <title>雲端運算基礎應用 @ NTUST GDSC</title>
        <author>
            <name>Ting</name>
        </author>
        <link href="https://note.ting.ovh/post/beforetheclass-cloudcomputingbasis/"/>
        <id>https://note.ting.ovh/post/beforetheclass-cloudcomputingbasis/</id>
        <media:content url="https://note.ting.ovh/media/posts/5/Cover-BeforeTheClass-CloudComputingBasis-2.png" medium="image" />
            <category term="Teaching"/>

        <updated>2024-05-22T22:00:00+08:00</updated>
            <summary>
                <![CDATA[
                        <img src="https://note.ting.ovh/media/posts/5/Cover-BeforeTheClass-CloudComputingBasis-2.png" alt="封面-雲端運算基礎應用" />
                    簡報 https://docs.google.com/presentation/d/15ixiXSAEH5VAROAF_IKIwAmSbVfI4sgxaei2rWYiPPM ⚠️建議帶筆電來上課！ 學會寫網頁了，然後呢？從零開始帶你上架你的網站！ 這堂課會從什麼是雲端運算開始，伴隨 Domain、IP、DNS 的原理講解到實際操作你自己的伺服器！ 本課程的實作為三階段，可以自行決定哪些部分要跟著操作，並做好課前準備： GitHub Pages&hellip;
                ]]>
            </summary>
        <content type="html">
            <![CDATA[
                    <p><img src="https://note.ting.ovh/media/posts/5/Cover-BeforeTheClass-CloudComputingBasis-2.png" class="type:primaryImage" alt="封面-雲端運算基礎應用" /></p>
                <p><span style="color: #f59e0b;"><mark>簡報</mark></span></p>
<p data-pm-slice="1 0 []"><a href="https://docs.google.com/presentation/d/15ixiXSAEH5VAROAF_IKIwAmSbVfI4sgxaei2rWYiPPM" target="_blank" rel="noopener noreferrer">https://docs.google.com/presentation/d/15ixiXSAEH5VAROAF_IKIwAmSbVfI4sgxaei2rWYiPPM</a></p>
<div class="post__toc">
<h3>目錄</h3>
<ul>
<li><a href="#mcetoc_1ie8eqte017">課程簡述</a></li>
<li><a href="#mcetoc_1ie8fqcq9k6">課前準備 - 註冊 GitHub 帳戶</a></li>
<li><a href="#mcetoc_1ie8fqcq9k7">課前準備 - Google Cloud 免費計畫申請教學</a>
<ul>
<li><a href="#mcetoc_1ie8fqcq9k8">事前準備</a></li>
<li><a href="#mcetoc_1ie8fqcq9k9">申請流程</a></li>
</ul>
</li>
<li><a href="#mcetoc_1ie8fqcq9ka">課前準備 - 註冊 FreeDNS 帳戶</a></li>
</ul>
</div>
<hr>
<h2 id="mcetoc_1ie8eqte017" data-pm-slice="1 0 []">課程簡述</h2>
<p class="msg msg--highlight "><span style="color: #f59e0b;">⚠️建議帶筆電來上課！</span></p>
<p>學會寫網頁了，然後呢？從零開始帶你上架你的網站！</p>
<p>這堂課會從什麼是雲端運算開始，伴隨 Domain、IP、DNS 的原理講解到實際操作你自己的伺服器！</p>
<p>本課程的實作為三階段，可以自行決定哪些部分要跟著操作，並做好課前準備：</p>
<ol>
<li>
<p>GitHub Pages 實作 (<a href="#mcetoc_1ie8fqcq9k6">課前準備 - 註冊 GitHub 帳戶</a>)</p>
</li>
<li>
<p>Google Cloud 實作 (<a href="#mcetoc_1ie8fqcq9k7">課前準備 - Google Cloud 免費計畫申請教學</a>)</p>
</li>
<li>
<p>網域綁定實作 (<a href="#mcetoc_1ie8fqcq9ka">課前準備 - 註冊 FreeDNS 帳戶</a>)</p>
</li>
</ol>
<p>另外也會帶到網域的部分，如果你剛好有網域......<s>那這堂課你高機率不用聽，但歡迎來找我聽網域的各種酷酷應用</s>，如果沒有網域也不用擔心，我們也會帶大家拿一個屬於自己的網域！（免費的次級域啦，之前超讚的免費頂級域已經不發新網域了）</p>
<h2 id="mcetoc_1ie8fqcq9k6">課前準備 - 註冊 GitHub 帳戶</h2>
<p class="msg msg--highlight "><span style="color: #f59e0b;">如果想跟 GitHub Pages 實作的同學請務必完成本段課前準備！</span></p>
<p><span data-position="954" data-size="15">請確認你有一個可以登入使用的 </span><a href="https://github.com/" target="_blank" rel="noopener"><span data-position="970" data-size="6">GitHub</span></a><span data-position="998" data-size="14"> 帳號，若沒有帳號可以進入 </span><a href="https://github.com/" target="_blank" rel="noopener"><span data-position="1013" data-size="6">GitHub</span></a><span data-position="1041" data-size="9"> 後點擊右上角的 </span><a href="https://github.com/signup" target="_blank" rel="noopener"><span data-position="1051" data-size="7">Sign up</span></a><span data-position="1086" data-size="15"> 並依照指示操作即可完成註冊。</span></p>
<h2 id="mcetoc_1ie8fqcq9k7">課前準備 - Google Cloud 免費計畫申請教學</h2>
<p class="msg msg--highlight "><span style="color: #f59e0b;">如果想跟 Google Cloud 實作的同學請務必完成本段課前準備！</span><br><br>沒有信用卡嗎？<br><span style="text-decoration: line-through;">那只能拍拍你了( ´･ω･)ﾉ(._.`)</span><br>可以看講師示範喔！</p>
<h3 id="mcetoc_1ie8fqcq9k8">事前準備</h3>
<ul>
<li class="" data-startline="43" data-endline="43" data-position="1249" data-size="0"><span data-position="1249" data-size="11">一台可以瀏覽網頁的裝置</span></li>
<li class="" data-startline="44" data-endline="44" data-position="1264" data-size="0"><span data-position="1264" data-size="7">一張可以使用的</span><mark><span data-position="1273" data-size="12">信用卡/簽帳卡(驗證用)</span></mark></li>
<li class="" data-startline="45" data-endline="46" data-position="1291" data-size="0"><span data-position="1291" data-size="2">一個</span><mark><span data-position="1295" data-size="31">未曾申請試用 Google Cloud 的 Google 帳戶</span></mark></li>
</ul>
<h3 id="mcetoc_1ie8fqcq9k9">申請流程</h3>
<ol>
<li><span data-position="1345" data-size="5">請先</span><a href="https://cloud.google.com/?hl=zh_tw" target="_blank" rel="noopener"><span data-position="1351" data-size="15">前往 Google Cloud</span></a><span data-position="1403" data-size="13"> 登入 Google 帳戶</span></li>
<li>點擊"免費試用"<br><figure class="post__image"><img decoding="auto" loading="lazy"  src="https://images.tango.us/workflows/68a400e4-2ef3-4835-a4b8-bcf445f770b3/steps/5b48de9d-3fc7-4e78-93c0-1acf90ed6596/a0bf4860-a7a5-4d8e-8704-4fd82f02796d.png?crop=focalpoint&amp;fit=crop&amp;fp-x=0.9184&amp;fp-y=0.1295&amp;fp-z=2.7526&amp;w=1200&amp;border=2%2CF4F2F7&amp;border-radius=8%2C8%2C8%2C8&amp;border-radius-inner=8%2C8%2C8%2C8&amp;mark-x=767&amp;mark-y=197&amp;m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0zMjYmaD0xMjcmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D" alt="" width="1200" height="731" data-is-external-image="true"></figure></li>
<li>確認國家/地區選擇"台灣"，點擊"同意並繼續"<br><figure class="post__image"><img decoding="auto" loading="lazy"  src="https://images.tango.us/workflows/68a400e4-2ef3-4835-a4b8-bcf445f770b3/steps/567d4f8b-5ba9-45cb-bc5a-96d98ecfb681/270fbbce-c88c-4ea5-9885-2162a32b19fa.png?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5000&amp;fp-y=0.5000&amp;w=1200&amp;border=2%2CF4F2F7&amp;border-radius=8%2C8%2C8%2C8&amp;border-radius-inner=8%2C8%2C8%2C8&amp;mark-x=57&amp;mark-y=333&amp;m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz00NzgmaD0yOSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw" alt="" width="1200" height="731" data-is-external-image="true"></figure></li>
<li>稅務資訊 選擇"未登記稅籍的個人"<br><figure class="post__image"><img decoding="auto" loading="lazy"  src="https://images.tango.us/workflows/68a400e4-2ef3-4835-a4b8-bcf445f770b3/steps/4fc98298-5c1d-4aca-9de7-cb07bb5a5298/6122f10e-bfb9-4d47-84b9-dd2b96ef7316.png?crop=focalpoint&amp;fit=crop&amp;fp-x=0.2638&amp;fp-y=0.6139&amp;fp-z=1.5067&amp;w=1200&amp;border=2%2CF4F2F7&amp;border-radius=8%2C8%2C8%2C8&amp;border-radius-inner=8%2C8%2C8%2C8&amp;mark-x=148&amp;mark-y=333&amp;m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz02NTgmaD02NSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw" alt="" width="1200" height="731" data-is-external-image="true"></figure></li>
<li>填入/確認付款資訊，點擊"免費試用"<br>
<p class="part in-view" data-startline="65" data-endline="66" data-position="3010" data-size="0"><span data-position="3010" data-size="32">Google 會扣 $0.00~$1.00 美元的驗證款項並退還</span><br><span data-position="3045" data-size="20">在你主動升級為付費帳戶前不會產生任何費用</span></p>
<figure class="post__image"><span data-position="3067" data-size="6">詳情請參考 </span><a href="https://cloud.google.com/free/docs/free-cloud-features?hl=zh-tw#billing_verification" target="_blank" rel="noopener"><span data-position="3074" data-size="24">Google Cloud 免費計畫 - 帳單驗證</span></a><br><br><img decoding="auto" loading="lazy"  src="https://images.tango.us/workflows/68a400e4-2ef3-4835-a4b8-bcf445f770b3/steps/38cd3176-afdb-46b5-8fe2-261e56462fb7/ec1c5ab9-cc6c-431b-a8df-954552f85cf1.png?crop=focalpoint&amp;fit=crop&amp;fp-x=0.2500&amp;fp-y=0.6870&amp;fp-z=2.0000&amp;w=1200&amp;border=2%2CF4F2F7&amp;border-radius=8%2C8%2C8%2C8&amp;border-radius-inner=8%2C8%2C8%2C8&amp;mark-x=193&amp;mark-y=32&amp;m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz01MTgmaD03NiZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw" alt="" width="1200" height="731" data-is-external-image="true"></figure>
</li>
<li>依自身狀況完成調查表單，或直接點選"關閉"<br><figure class="post__image"><img decoding="auto" loading="lazy"  src="https://images.tango.us/workflows/68a400e4-2ef3-4835-a4b8-bcf445f770b3/steps/d04d5b10-9570-4828-8cca-c3841e79b127/79273692-eb02-4450-9f44-a48b36af89f6.png?crop=focalpoint&amp;fit=crop&amp;fp-x=0.5000&amp;fp-y=0.5000&amp;w=1200&amp;border=2%2CF4F2F7&amp;border-radius=8%2C8%2C8%2C8&amp;border-radius-inner=8%2C8%2C8%2C8&amp;mark-x=375&amp;mark-y=276&amp;m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz00ODkmaD0yOSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw" alt="" width="1200" height="731" data-is-external-image="true"></figure></li>
<li>看到此畫面即完成申請<br>
<p class="msg msg--warning"><span data-position="4239" data-size="28">⛔<span style="color: #f87171;">勿點擊"啟用完整帳戶"，否則之後可能會從信用卡中扣款。</span></span></p>
<br><figure class="post__image"><img decoding="auto" loading="lazy"  src="https://images.tango.us/workflows/68a400e4-2ef3-4835-a4b8-bcf445f770b3/steps/90b02882-65c7-4ecb-a0c8-5ab7166f4ea4/a46da373-8752-478f-9c90-e71649c9c436.png?crop=focalpoint&amp;fit=crop&amp;w=1200&amp;border=2%2CF4F2F7&amp;border-radius=8%2C8%2C8%2C8&amp;border-radius-inner=8%2C8%2C8%2C8" alt="" width="1200" height="731" data-is-external-image="true"></figure></li>
</ol>
<h2 id="mcetoc_1ie8fqcq9ka">課前準備 - 註冊 FreeDNS 帳戶</h2>
<p class="msg msg--highlight "><span style="color: #f59e0b;">如果想跟 網域綁定實作 的同學請務必完成本段課前準備！</span></p>
<p><span data-position="4630" data-size="15">請確認你有一個可以登入使用的 </span><a href="https://freedns.afraid.org/" target="_blank" rel="noopener"><span data-position="4646" data-size="7">FreeDNS</span></a><span data-position="4683" data-size="14"> 帳號，若沒有帳號可以進入 </span><a href="https://freedns.afraid.org/" target="_blank" rel="noopener"><span data-position="4698" data-size="7">FreeDNS</span></a><span data-position="4735" data-size="8"> 後點擊下方的 </span><a href="https://freedns.afraid.org/signup/?plan=starter" target="_blank" rel="noopener"><span data-position="4744" data-size="12">Sign up Free</span></a><span data-position="4806" data-size="20"> 並填入資料、收取驗證信後即可完成註冊。</span></p>
<hr>
<p><em>課程錄影：</em></p>
<div data-youtube-video=""><div class="post__iframe"><iframe loading="lazy" width="640" height="480" allowfullscreen="allowfullscreen" autoplay="autoplay" disablekbcontrols="false" enableiframeapi="false" endtime="0" ivloadpolicy="0" loop="loop" modestbranding="false" origin="" playlist="" src="https://www.youtube-nocookie.com/embed/NUSGITMvEHY" start="0" data-mce-fragment="1"></iframe></div></div>
<p><em>原文：</em></p>
<p><a href="https://hackmd.io/l6rc7xNYQq-qXL4rCdn5Yg?view">雲端運算基礎應用 - 課前須知與準備 - HackMD</a></p>
<hr>
<p> </p>
            ]]>
        </content>
    </entry>
</feed>
