Videos
This bad boy right here is a fantastic tool for the likes of us. I thought it might enrich the community to know it’s out there.
If the standard IPA layout doesn't work for you, I would suggest making a custom keyboard layout with Ukelele (or if you prefer text-based editing, KeyLayoutMaker).
Alternatively, if you don't need quite the level of speed that can offer, you can simply use the Character Palette (Edit > Emoji and Symbols) to type the characters by double-clicking them. To get the "Phonetic Alphabet" pane to show up, customize which are visible with the gear icon in the top left.
You should normally not have a problem making the IPA keyboard work. It uses "dead keys" to create the IPA characters. A “dead key” is a key that does not generate a character, but rather changes the character generated by a following keystroke. For example, in the IPA keyboard, to get the “ə”,you would type the dead key “=” followed by the “e” (=e). Charts showing the how all the IPA characters are made this way can be found in this PDF.