How do I track time in GitHub?

Help |

Collections: Chrome Extension.

Written by Nisse

Last modified on

September 10th 2024

Efficient time management is key in any work environment, and Jibble’s Chrome time tracking extension makes it easy to track time directly within GitHub. This guide will explain how to use Jibble’s timer extension for time tracking on GitHub.

This article covers:

• Installing Jibble’s Chrome Extension
• Linking GitHub and Jibble
• Tracking time in GitHub

---

Installing Jibble’s Chrome Extension

1. You can install the Jibble extension:
   1. Using the Jibble Web App:
      • Sign in to your Jibble account and find the “Get the app” button on your dashboard.
        
      • When prompted, choose “Chrome Extension” to be redirected to the Chrome Web Store.
        
   2. Directly from the Chrome Web Store:
      • Go to the Chrome Web Store and search for the Jibble Time Tracker extension.
2. Click “Add to Chrome” to install the extension.
   
3. Once the installation is finished, an icon will appear in your browser’s toolbar.
4. To access the extension, click the puzzle icon in the top right corner of your Chrome toolbar.
5. Pin the Jibble Time Tracker by clicking the pin icon next to it, ensuring quick access while using GitHub.
   

---

Linking GitHub and Jibble

1. Open GitHub and log in to your GitHub account.
2. Click the Jibble icon in your Chrome toolbar.
3. Log in to your Jibble account, or create a new one if you’re new to Jibble.
4. In the top right corner of the extension, click on the three horizontal lines.
5. Select Integrations.
6. Make sure the checkbox for GitHub is enabled.

---

Tracking time in GitHub

With the extension installed and GitHub integrated, let’s look at how to track time within GitHub using Jibble.

• Using the embedded Jibble Timer

1. Open GitHub and navigate to the issue or pull request you want to track time for.
2. In the interface of the issue or pull request, you’ll find a “Jibble In” button. 
3. Click the “Jibble In” button.
4. A pop-up window will appear where you can select an activity and project if needed.
5. Notes will be automatically filled based on the titles of your issues or pull requests in GitHub.
6. Click “Save” to start the timer.
7. Once you’re clocked in, the button will change to “Jibble Out.”
8. To stop the timer, click the “Jibble Out” button and then click “Save” to confirm the clock-out entry.

---

• Using keyboard shortcuts

1. Click the Jibble icon in your Chrome toolbar.
2. Tap the three horizontal lines in the top right corner and select Settings.
3. Turn on the toggle for Keyboard Shortcuts.

1. Once enabled, use the shortcut Ctrl+Shift+S on Windows or Command+Shift+S on Mac to clock in.
2. Use the same shortcut to clock out.

Note: When using keyboard shortcuts to clock in, any previously selected activity and project (if applicable) will be automatically applied, and no notes will be required.

---

• Using right clicks

1. Right-click on your GitHub page and select Jibble | Clock In from the menu.
   
2. To clock out, right-click again and choose Jibble | Clock Out.
   

Note: When clocking in or out using right-click, any previously selected activity and project (if applicable) will be automatically applied, and no additional notes are needed.

---

• Using text highlighting

1. Highlight any text within GitHub, right-click, and select Jibble.
   
2. The clock-in screen will appear with your highlighted text automatically included as notes.
3. Choose an activity and project if needed.
4. Click Save to start the timer.