내 사이트에 넣기

복사한 코드는 HTML을 직접 편집할 수 있는 곳이면 어디든 붙여넣을 수 있습니다. 티스토리나 워드프레스라면 글쓰기 화면에서 HTML 편집 모드로 바꾼 뒤 원하는 위치에 붙여넣으면 됩니다. 네이버 블로그처럼 HTML 삽입을 제한하는 곳에서는 동작하지 않을 수 있습니다.

높이는 도구마다 알맞은 값이 다릅니다. 룰렛처럼 화면을 크게 쓰는 도구는 600px 이상이 편하고, 동전 던지기나 비밀번호 생성기는 400px 정도면 충분합니다. 붙여넣은 뒤 잘리는 부분이 있으면 높이 숫자만 조절하세요.

개인 블로그, 학교나 학원 홈페이지, 회사 내부 페이지 어디든 무료로 쓸 수 있습니다. 별도로 허락을 받지 않아도 되고 사용료도 없습니다.

복사한 코드에는 도구 페이지로 연결되는 링크가 함께 들어 있습니다. 이 링크가 이 도구들을 계속 무료로 유지하는 방법이라, 지워지지 않은 채로 두시면 감사하겠습니다.

입력이 간단하고 결과가 빨리 나오는 도구가 가장 잘 맞습니다. 랜덤뽑기, 번호 뽑기, 주사위, 동전 던지기, 룰렛, 가위바위보처럼 한두 번 조작하면 끝나는 것들입니다. 읽는 사람이 글을 보다가 잠깐 눌러 보고 다시 글로 돌아가는 흐름에 방해가 되지 않습니다.

반대로 핀볼이나 서바이벌처럼 화면이 크고 오래 걸리는 도구는 임베드로 제공하지 않습니다. 좁은 영역에서는 공이 겹쳐 보여 제대로 즐길 수 없고, 글 중간에서 몇십 초를 기다리게 만들기 때문입니다. 이런 도구는 링크로 연결하는 편이 낫습니다.

가장 흔한 문제는 아래쪽이 잘리는 것입니다. 위젯의 높이는 고정값이라 내용이 그보다 길면 잘립니다. 코드 안의 높이 값을 조금 올리면 해결됩니다.

두 번째는 휴대폰에서 답답해 보이는 경우입니다. 너비는 화면에 맞춰 줄어들지만 높이는 그대로이므로 세로가 부족해집니다. 이때도 높이를 늘리면 됩니다.

아예 아무것도 보이지 않는다면 플랫폼이 HTML을 제거했을 가능성이 큽니다. 워드프레스는 커스텀 HTML 블록, 고스트·스퀘어스페이스·웹플로우는 임베드 블록을 사용해야 코드가 그대로 남습니다.